<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iiirHIc)" d="m3.627 29.82l24.63-7.068l.787-.724V7.978l-1.022-1.98l-25.95 7.345v14.944c0 1.225.496 1.785 1.555 1.532"/><path fill="url(#iAwuqBd)" d="m3.627 29.82l24.63-7.068l.787-.724V7.978l-1.022-1.98l-25.95 7.345v14.944c0 1.225.496 1.785 1.555 1.532"/><path fill="url(#iUKJDGD)" d="m3.627 29.82l24.63-7.068l.787-.724V7.978l-1.022-1.98l-25.95 7.345v14.944c0 1.225.496 1.785 1.555 1.532"/><path fill="url(#iDPIqie)" d="m3.627 29.82l24.63-7.068l.787-.724V7.978l-1.022-1.98l-25.95 7.345v14.944c0 1.225.496 1.785 1.555 1.532"/><path fill="url(#iDRayum)" d="m3.627 29.82l24.63-7.068l.787-.724V7.978l-1.022-1.98l-25.95 7.345v14.944c0 1.225.496 1.785 1.555 1.532"/><path fill="url(#iiwAjRC)" d="m13.034 2.508l-9.97 9.223c-1.946 1.662-.935 2.811.934 2.399l23.026-6.606c.592-.14.966-.186.966.499v4.02c0 .687.064 1.045-.374 1.183c0 0-22.205 6.694-22.683 6.824s-1.54.328-1.87.28c-.329-.048-.747-.28-.934-.28s-.187.108-.187.623v2.167c0 .163.14.268.14.268a2.48 2.48 0 0 0 1.916.307l23.245-6.73c.373-.094.747.156.747.623v5.298c0 .322.195.339.332.322c.992-.286 1.678-.873 1.678-1.881V8.023c0-.853-.617-2.278-2.01-2.71L16.96 2.725c-1.047-.218-3.072-.88-3.926-.218"/><path fill="url(#iQHTRre)" d="m13.034 2.508l-9.97 9.223c-1.946 1.662-.935 2.811.934 2.399l23.026-6.606c.592-.14.966-.186.966.499v4.02c0 .687.064 1.045-.374 1.183c0 0-22.205 6.694-22.683 6.824s-1.54.328-1.87.28c-.329-.048-.747-.28-.934-.28s-.187.108-.187.623v2.167c0 .163.14.268.14.268a2.48 2.48 0 0 0 1.916.307l23.245-6.73c.373-.094.747.156.747.623v5.298c0 .322.195.339.332.322c.992-.286 1.678-.873 1.678-1.881V8.023c0-.853-.617-2.278-2.01-2.71L16.96 2.725c-1.047-.218-3.072-.88-3.926-.218"/><path fill="url(#il6BPed)" d="m13.034 2.508l-9.97 9.223c-1.946 1.662-.935 2.811.934 2.399l23.026-6.606c.592-.14.966-.186.966.499v4.02c0 .687.064 1.045-.374 1.183c0 0-22.205 6.694-22.683 6.824s-1.54.328-1.87.28c-.329-.048-.747-.28-.934-.28s-.187.108-.187.623v2.167c0 .163.14.268.14.268a2.48 2.48 0 0 0 1.916.307l23.245-6.73c.373-.094.747.156.747.623v5.298c0 .322.195.339.332.322c.992-.286 1.678-.873 1.678-1.881V8.023c0-.853-.617-2.278-2.01-2.71L16.96 2.725c-1.047-.218-3.072-.88-3.926-.218"/><path fill="url(#iyXYz2c)" d="m13.034 2.508l-9.97 9.223c-1.946 1.662-.935 2.811.934 2.399l23.026-6.606c.592-.14.966-.186.966.499v4.02c0 .687.064 1.045-.374 1.183c0 0-22.205 6.694-22.683 6.824s-1.54.328-1.87.28c-.329-.048-.747-.28-.934-.28s-.187.108-.187.623v2.167c0 .163.14.268.14.268a2.48 2.48 0 0 0 1.916.307l23.245-6.73c.373-.094.747.156.747.623v5.298c0 .322.195.339.332.322c.992-.286 1.678-.873 1.678-1.881V8.023c0-.853-.617-2.278-2.01-2.71L16.96 2.725c-1.047-.218-3.072-.88-3.926-.218"/><path fill="url(#iLebEYd)" d="m13.034 2.508l-9.97 9.223c-1.946 1.662-.935 2.811.934 2.399l23.026-6.606c.592-.14.966-.186.966.499v4.02c0 .687.064 1.045-.374 1.183c0 0-22.205 6.694-22.683 6.824s-1.54.328-1.87.28c-.329-.048-.747-.28-.934-.28s-.187.108-.187.623v2.167c0 .163.14.268.14.268a2.48 2.48 0 0 0 1.916.307l23.245-6.73c.373-.094.747.156.747.623v5.298c0 .322.195.339.332.322c.992-.286 1.678-.873 1.678-1.881V8.023c0-.853-.617-2.278-2.01-2.71L16.96 2.725c-1.047-.218-3.072-.88-3.926-.218"/><path fill="url(#ieXtRzd)" d="m13.034 2.508l-9.97 9.223c-1.946 1.662-.935 2.811.934 2.399l23.026-6.606c.592-.14.966-.186.966.499v4.02c0 .687.064 1.045-.374 1.183c0 0-22.205 6.694-22.683 6.824s-1.54.328-1.87.28c-.329-.048-.747-.28-.934-.28s-.187.108-.187.623v2.167c0 .163.14.268.14.268a2.48 2.48 0 0 0 1.916.307l23.245-6.73c.373-.094.747.156.747.623v5.298c0 .322.195.339.332.322c.992-.286 1.678-.873 1.678-1.881V8.023c0-.853-.617-2.278-2.01-2.71L16.96 2.725c-1.047-.218-3.072-.88-3.926-.218"/><path fill="url(#i5c6p5d)" d="m13.034 2.508l-9.97 9.223c-1.946 1.662-.935 2.811.934 2.399l23.026-6.606c.592-.14.966-.186.966.499v4.02c0 .687.064 1.045-.374 1.183c0 0-22.205 6.694-22.683 6.824s-1.54.328-1.87.28c-.329-.048-.747-.28-.934-.28s-.187.108-.187.623v2.167c0 .163.14.268.14.268a2.48 2.48 0 0 0 1.916.307l23.245-6.73c.373-.094.747.156.747.623v5.298c0 .322.195.339.332.322c.992-.286 1.678-.873 1.678-1.881V8.023c0-.853-.617-2.278-2.01-2.71L16.96 2.725c-1.047-.218-3.072-.88-3.926-.218"/><path fill="url(#iP1cawc)" d="m13.034 2.508l-9.97 9.223c-1.946 1.662-.935 2.811.934 2.399l23.026-6.606c.592-.14.966-.186.966.499v4.02c0 .687.064 1.045-.374 1.183c0 0-22.205 6.694-22.683 6.824s-1.54.328-1.87.28c-.329-.048-.747-.28-.934-.28s-.187.108-.187.623v2.167c0 .163.14.268.14.268a2.48 2.48 0 0 0 1.916.307l23.245-6.73c.373-.094.747.156.747.623v5.298c0 .322.195.339.332.322c.992-.286 1.678-.873 1.678-1.881V8.023c0-.853-.617-2.278-2.01-2.71L16.96 2.725c-1.047-.218-3.072-.88-3.926-.218"/><g filter="url(#iaj1xEc)"><path fill="#818cf8" d="M12.664 7.578c-.64 0-.86-.36-.773-1.024c.665-9.505 8.843 1.024 2.736 1.024z"/><path fill="#818cf8" d="M12.664 7.578c-.64 0-.86-.36-.773-1.024c.665-9.505 8.843 1.024 2.736 1.024z"/></g><path fill="#818cf8" d="M12.024 4.517c.126-.628.335-2.402 2.516-2.836l2.356 1.207l.858 2.575C16.95 7.624 15.29 7.47 14.627 7.47h-1.963c-.64 0-1.004-.364-.916-1.033z"/><path fill="url(#iM4V2CD)" d="M12.024 4.517c.126-.628.335-2.402 2.516-2.836l2.356 1.207l.858 2.575C16.95 7.624 15.29 7.47 14.627 7.47h-1.963c-.64 0-1.004-.364-.916-1.033z"/><g filter="url(#i62Asqc)"><path fill="#818cf8" d="M16.898 4.469c-.44-.495-.356-1.27-.356-1.27s-.694-.016-1.042-.394c-2.292-2.29.506-.76 1.227-.118c.937.836 1.101 2.305 1.101 2.305c-.078.095.156.492-.094.352s-.836-.875-.836-.875"/><path fill="#818cf8" d="M16.898 4.469c-.44-.495-.356-1.27-.356-1.27s-.694-.016-1.042-.394c-2.292-2.29.506-.76 1.227-.118c.937.836 1.101 2.305 1.101 2.305c-.078.095.156.492-.094.352s-.836-.875-.836-.875"/></g><path fill="#818cf8" d="M16.94 4.372c-.44-.495-.32-1.25-.32-1.25s-.714 0-1.062-.38l-1.193-1.235c-.064-.088 0-.183.088-.248c0 0 .701-.531 1.789.16c.602.444 1.746 1.862 2.036 2.458c.527.9-.146 1.673-.146 1.673c-.077.095-.167.122-.276 0z"/><path fill="url(#iykXWCd)" d="M16.94 4.372c-.44-.495-.32-1.25-.32-1.25s-.714 0-1.062-.38l-1.193-1.235c-.064-.088 0-.183.088-.248c0 0 .701-.531 1.789.16c.602.444 1.746 1.862 2.036 2.458c.527.9-.146 1.673-.146 1.673c-.077.095-.167.122-.276 0z"/><defs><linearGradient id="iiirHIc" x1="1.688" x2="25.938" y1="18.469" y2="18.438" gradientUnits="userSpaceOnUse"><stop offset=".015" stop-color="#CA957F"/><stop offset=".049" stop-color="#FFB4A4"/><stop offset=".077" stop-color="#FFD6B0"/><stop offset=".142" stop-color="#FFD9B0"/><stop offset=".521" stop-color="#FFC18A"/><stop offset=".915" stop-color="#FF9D50"/></linearGradient><linearGradient id="iAwuqBd" x1="14" x2="15.558" y1="21.688" y2="26.813" gradientUnits="userSpaceOnUse"><stop offset=".782" stop-color="#FFB37B" stop-opacity="0"/><stop offset=".886" stop-color="#FF9C81"/><stop offset=".927" stop-color="#F67F9D"/></linearGradient><linearGradient id="iUKJDGD" x1="19.875" x2="21" y1="15.188" y2="19.25" gradientUnits="userSpaceOnUse"><stop offset=".261" stop-color="#F08456" stop-opacity="0"/><stop offset=".76" stop-color="#E4794B"/><stop offset=".919" stop-color="#E4794B" stop-opacity="0"/></linearGradient><linearGradient id="iDPIqie" x1="15.558" x2="16.438" y1="8.063" y2="11.188" gradientUnits="userSpaceOnUse"><stop offset=".261" stop-color="#F08456" stop-opacity="0"/><stop offset=".76" stop-color="#E4794B"/><stop offset=".919" stop-color="#E4794B" stop-opacity="0"/></linearGradient><linearGradient id="iDRayum" x1="2.073" x2="4" y1="20.5" y2="20.5" gradientUnits="userSpaceOnUse"><stop stop-color="#C29677"/><stop offset=".578" stop-color="#FEB3A3"/><stop offset="1" stop-color="#FFCEB1" stop-opacity="0"/></linearGradient><linearGradient id="iiwAjRC" x1="10.969" x2="17.625" y1="3.469" y2="26" gradientUnits="userSpaceOnUse"><stop stop-color="#F3CFA2"/><stop offset=".256" stop-color="#F3CFA2"/><stop offset=".298" stop-color="#FFF0CB"/><stop offset=".322" stop-color="#FFD5CE"/><stop offset=".547" stop-color="#FFD6CF"/><stop offset=".604" stop-color="#FFFEE2"/><stop offset=".621" stop-color="#FFE4E5"/><stop offset=".972" stop-color="#FFE3E3"/><stop offset="1" stop-color="#F9AAE0"/></linearGradient><linearGradient id="iQHTRre" x1="1.942" x2="3.688" y1="21.625" y2="21.625" gradientUnits="userSpaceOnUse"><stop stop-color="#C69C9B"/><stop offset=".141" stop-color="#DDA4B5"/><stop offset="1" stop-color="#F8B6D3" stop-opacity="0"/></linearGradient><linearGradient id="il6BPed" x1="8.5" x2="8.953" y1="6.547" y2="7.031" gradientUnits="userSpaceOnUse"><stop stop-color="#B7A287"/><stop offset=".816" stop-color="#CFB18C" stop-opacity="0"/></linearGradient><linearGradient id="iyXYz2c" x1="21.297" x2="21.219" y1="3.672" y2="4.023" gradientUnits="userSpaceOnUse"><stop stop-color="#B7A287"/><stop offset=".816" stop-color="#CFB18C" stop-opacity="0"/></linearGradient><linearGradient id="ieXtRzd" x1="30" x2="27.563" y1="12.856" y2="12.856" gradientUnits="userSpaceOnUse"><stop stop-color="#D6C0AA"/><stop offset=".042" stop-color="#F6D4BC"/><stop offset=".192" stop-color="#FFDED4"/><stop offset="1" stop-color="#FFDED3" stop-opacity="0"/></linearGradient><linearGradient id="i5c6p5d" x1="27.609" x2="28.531" y1="20.984" y2="23.219" gradientUnits="userSpaceOnUse"><stop offset=".293" stop-color="#FFD6E3" stop-opacity="0"/><stop offset=".589" stop-color="#F4A8DC" stop-opacity="0"/><stop offset=".945" stop-color="#E596DD"/></linearGradient><radialGradient id="iLebEYd" cx="0" cy="0" r="1" gradientTransform="matrix(0 6.61319 -3.0625 0 28.938 12.856)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDED3"/><stop offset="1" stop-color="#FFDED5" stop-opacity="0"/></radialGradient><radialGradient id="iP1cawc" cx="0" cy="0" r="1" gradientTransform="rotate(87.991 3.45 10.505)scale(1.78235 4.40613)" gradientUnits="userSpaceOnUse"><stop offset=".52" stop-color="#B28162"/><stop offset="1" stop-color="#C29A79" stop-opacity="0"/></radialGradient><radialGradient id="iM4V2CD" cx="0" cy="0" r="1" gradientTransform="rotate(113.864 6.995 6.957)scale(4.48002 4.65688)" gradientUnits="userSpaceOnUse"><stop offset=".142" stop-color="#FF6A83"/><stop offset=".521" stop-color="#EE2D47"/><stop offset="1" stop-color="#F32F59" stop-opacity="0"/></radialGradient><radialGradient id="iykXWCd" cx="0" cy="0" r="1" gradientTransform="matrix(0 2.28362 -2.07009 0 16.41 3.348)" gradientUnits="userSpaceOnUse"><stop stop-color="#B1EB67"/><stop offset=".901" stop-color="#AFEA63" stop-opacity="0"/></radialGradient><filter id="iaj1xEc" width="5.206" height="5.199" x="11.772" y="2.479" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_28590" stdDeviation=".05"/></filter><filter id="i62Asqc" width="3.439" height="3.985" x="14.514" y="1.489" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_28590" stdDeviation=".05"/></filter></defs></g></svg>Icons in Action
WEB APPLICATION HEADER & NAVIGATION
my-app.com/dashboard
Dashboard
Analytics
Settings
Overview Dashboard
PROGRESS STEPPER
3
BUTTON UI ACTIONS
SCALABILITY & CLARITY
12px
16px
24px
32px
48px
“
Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.
IconSearch Presets
Frequently Asked Questions
Q.How do I use this icon in my React/Next.js project?
You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. ShortcakeIcon.tsx) to avoid installing any npm packages.
Q.Is this icon free for commercial use?
Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.
Q.What is the "Download SVG without fill color" toggle?
Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.