<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(#ieOmDgc)" d="M15.91 29.348c5.6 0 10.14-4.54 10.14-10.14s-4.54-10.14-10.14-10.14s-10.14 4.54-10.14 10.14s4.54 10.14 10.14 10.14"/><path fill="#818cf8" d="M17.35 2.258c1.72-.66 3.67-.02 4.68 1.52c.53.81 1.33 1.39 2.26 1.64c1.78.48 2.98 2.14 2.89 3.98c-.05.96.26 1.91.86 2.66a3.91 3.91 0 0 1 0 4.92c-.6.75-.91 1.69-.86 2.66c.09 1.84-1.11 3.5-2.89 3.98c-.93.25-1.73.84-2.26 1.64a3.925 3.925 0 0 1-4.68 1.52c-.9-.34-1.89-.34-2.79 0c-1.72.66-3.67.02-4.68-1.52a3.9 3.9 0 0 0-2.26-1.64a3.92 3.92 0 0 1-2.89-3.98c.05-.96-.26-1.91-.86-2.66a3.91 3.91 0 0 1 0-4.92c.6-.76.91-1.7.86-2.66a3.92 3.92 0 0 1 2.89-3.98a3.95 3.95 0 0 0 2.26-1.64a3.925 3.925 0 0 1 4.68-1.52c.9.34 1.89.34 2.79 0"/><path fill="url(#iqk7Dwc)" d="M17.35 2.258c1.72-.66 3.67-.02 4.68 1.52c.53.81 1.33 1.39 2.26 1.64c1.78.48 2.98 2.14 2.89 3.98c-.05.96.26 1.91.86 2.66a3.91 3.91 0 0 1 0 4.92c-.6.75-.91 1.69-.86 2.66c.09 1.84-1.11 3.5-2.89 3.98c-.93.25-1.73.84-2.26 1.64a3.925 3.925 0 0 1-4.68 1.52c-.9-.34-1.89-.34-2.79 0c-1.72.66-3.67.02-4.68-1.52a3.9 3.9 0 0 0-2.26-1.64a3.92 3.92 0 0 1-2.89-3.98c.05-.96-.26-1.91-.86-2.66a3.91 3.91 0 0 1 0-4.92c.6-.76.91-1.7.86-2.66a3.92 3.92 0 0 1 2.89-3.98a3.95 3.95 0 0 0 2.26-1.64a3.925 3.925 0 0 1 4.68-1.52c.9.34 1.89.34 2.79 0"/><path fill="url(#ikPth8b)" d="M17.35 2.258c1.72-.66 3.67-.02 4.68 1.52c.53.81 1.33 1.39 2.26 1.64c1.78.48 2.98 2.14 2.89 3.98c-.05.96.26 1.91.86 2.66a3.91 3.91 0 0 1 0 4.92c-.6.75-.91 1.69-.86 2.66c.09 1.84-1.11 3.5-2.89 3.98c-.93.25-1.73.84-2.26 1.64a3.925 3.925 0 0 1-4.68 1.52c-.9-.34-1.89-.34-2.79 0c-1.72.66-3.67.02-4.68-1.52a3.9 3.9 0 0 0-2.26-1.64a3.92 3.92 0 0 1-2.89-3.98c.05-.96-.26-1.91-.86-2.66a3.91 3.91 0 0 1 0-4.92c.6-.76.91-1.7.86-2.66a3.92 3.92 0 0 1 2.89-3.98a3.95 3.95 0 0 0 2.26-1.64a3.925 3.925 0 0 1 4.68-1.52c.9.34 1.89.34 2.79 0"/><g filter="url(#ivDf72k)"><path fill="url(#iOX7D6J)" d="M17.309 2.484c2.093-.79 3.444.274 4.391 1.72c.498.76 1.248 1.496 2.121 1.73a3.68 3.68 0 0 1 2.712 3.736a3.7 3.7 0 0 0 .807 2.497a3.674 3.674 0 0 1 0 4.618a3.7 3.7 0 0 0-.807 2.496a3.68 3.68 0 0 1-2.712 3.736a3.7 3.7 0 0 0-2.12 1.54a3.68 3.68 0 0 1-4.392 1.426a3.7 3.7 0 0 0-2.618 0c-1.614.62-3.493.525-4.441-.92c-.497-.76-1.44-1.453-2.312-1.688c-1.67-.45-2.835-1.554-2.75-3.281c.046-.901-.437-2.609-1-3.313c-1.089-1.351-1.089-2.96 0-4.312c.563-.714 1.046-1.898 1-2.799c-.1-1.906.657-3.376 2.328-3.826c.872-.235 1.877-.698 2.375-1.45c1.332-2.011 3.186-2.53 4.8-1.91a3.7 3.7 0 0 0 2.618 0"/><path fill="url(#iihdiHe)" d="M17.309 2.484c2.093-.79 3.444.274 4.391 1.72c.498.76 1.248 1.496 2.121 1.73a3.68 3.68 0 0 1 2.712 3.736a3.7 3.7 0 0 0 .807 2.497a3.674 3.674 0 0 1 0 4.618a3.7 3.7 0 0 0-.807 2.496a3.68 3.68 0 0 1-2.712 3.736a3.7 3.7 0 0 0-2.12 1.54a3.68 3.68 0 0 1-4.392 1.426a3.7 3.7 0 0 0-2.618 0c-1.614.62-3.493.525-4.441-.92c-.497-.76-1.44-1.453-2.312-1.688c-1.67-.45-2.835-1.554-2.75-3.281c.046-.901-.437-2.609-1-3.313c-1.089-1.351-1.089-2.96 0-4.312c.563-.714 1.046-1.898 1-2.799c-.1-1.906.657-3.376 2.328-3.826c.872-.235 1.877-.698 2.375-1.45c1.332-2.011 3.186-2.53 4.8-1.91a3.7 3.7 0 0 0 2.618 0"/></g><path fill="#818cf8" d="M15.91 25.348c6.075 0 11-4.925 11-11s-4.925-11-11-11s-11 4.925-11 11s4.925 11 11 11"/><path fill="url(#iNv867b)" d="M15.91 25.348c6.075 0 11-4.925 11-11s-4.925-11-11-11s-11 4.925-11 11s4.925 11 11 11"/><path fill="url(#i9uGHMs)" d="M15.91 25.348c6.075 0 11-4.925 11-11s-4.925-11-11-11s-11 4.925-11 11s4.925 11 11 11"/><path fill="url(#in8YlZd)" d="M15.91 25.348c6.075 0 11-4.925 11-11s-4.925-11-11-11s-11 4.925-11 11s4.925 11 11 11"/><path fill="url(#iJk3B1d)" d="M15.91 25.348c6.075 0 11-4.925 11-11s-4.925-11-11-11s-11 4.925-11 11s4.925 11 11 11"/><path stroke="url(#iikKlbd)" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m14.3 11.708l-3.78-2.73"/><path stroke="url(#ihmngbd)" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m17.52 11.708l3.78-2.73"/><path stroke="url(#icloFEX)" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m21.3 17.708l-3.78-2.73"/><path stroke="url(#iCwcnGy)" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m14.3 14.978l-3.78 2.73"/><g filter="url(#iUmhHFd)"><path stroke="url(#ibyX5Kb)" stroke-width="1.5" d="M27.719 12.375c.406.563 1.403 2.181-.219 4.438c-1.553 2.16-.427 3.288-1.25 4.562s-2.594 1.438-3.625 2.25s-1.375 1.969-2.406 2.563"/></g><defs><radialGradient id="ieOmDgc" cx="0" cy="0" r="1" gradientTransform="rotate(90 -1.65 17.56)scale(10.14)" gradientUnits="userSpaceOnUse"><stop offset=".768" stop-color="#8962A9"/><stop offset="1" stop-color="#694B82"/></radialGradient><radialGradient id="iqk7Dwc" cx="0" cy="0" r="1" gradientTransform="rotate(38.219 5.757 27.403)scale(19.7289 5.35389)" gradientUnits="userSpaceOnUse"><stop offset=".593" stop-color="#FFD690"/><stop offset="1" stop-color="#FFD690" stop-opacity="0"/></radialGradient><radialGradient id="ikPth8b" cx="0" cy="0" r="1" gradientTransform="matrix(-15.62495 14.8125 -6.42472 -6.77711 12.875 3.313)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#C19F65"/><stop offset=".712" stop-color="#BA8E50" stop-opacity="0"/></radialGradient><radialGradient id="iihdiHe" cx="0" cy="0" r="1" gradientTransform="matrix(18.8125 -12.1875 12.61437 19.47142 4.938 20.813)" gradientUnits="userSpaceOnUse"><stop stop-color="#CF8255"/><stop offset="1" stop-color="#DCA15D" stop-opacity="0"/></radialGradient><radialGradient id="iNv867b" cx="0" cy="0" r="1" gradientTransform="rotate(124.37 7.203 11.03)scale(14.6139)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE198"/><stop offset=".894" stop-color="#FFE19A" stop-opacity="0"/></radialGradient><radialGradient id="i9uGHMs" cx="0" cy="0" r="1" gradientTransform="matrix(38.8126 17.37472 -21.33388 47.65677 18.312 15.75)" gradientUnits="userSpaceOnUse"><stop offset=".142" stop-color="#F9C377" stop-opacity="0"/><stop offset=".206" stop-color="#F0BF72"/><stop offset=".34" stop-color="#AC834B"/></radialGradient><radialGradient id="in8YlZd" cx="0" cy="0" r="1" gradientTransform="rotate(-52.921 31.087 2.546)scale(20.5251)" gradientUnits="userSpaceOnUse"><stop offset=".058" stop-color="#EB8775"/><stop offset=".354" stop-color="#FA9473"/><stop offset="1" stop-color="#F28D6F" stop-opacity="0"/></radialGradient><radialGradient id="iJk3B1d" cx="0" cy="0" r="1" gradientTransform="matrix(-3.375 9 -9 -3.375 21.5 10.625)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE195"/><stop offset="1" stop-color="#FFCC80" stop-opacity="0"/></radialGradient><radialGradient id="ibyX5Kb" cx="0" cy="0" r="1" gradientTransform="rotate(110.583 7.884 17.993)scale(15.2885 7.45531)" gradientUnits="userSpaceOnUse"><stop offset=".176" stop-color="#FFBE82"/><stop offset=".429" stop-color="#FFBE82" stop-opacity=".42"/><stop offset=".738" stop-color="#FCA56C"/><stop offset="1" stop-color="#F1996A" stop-opacity="0"/></radialGradient><linearGradient id="iOX7D6J" x1="16" x2="16" y1="26.226" y2="2.726" gradientUnits="userSpaceOnUse"><stop offset=".006" stop-color="#F79D62"/><stop offset=".198" stop-color="#F59E60"/><stop offset=".496" stop-color="#F7A15E"/><stop offset=".795" stop-color="#F5BA73"/><stop offset="1" stop-color="#F7CC80"/></linearGradient><linearGradient id="iikKlbd" x1="10.52" x2="14.3" y1="8.978" y2="11.708" gradientUnits="userSpaceOnUse"><stop stop-color="#B8702F"/><stop offset="1" stop-color="#E28F4C"/></linearGradient><linearGradient id="ihmngbd" x1="17.52" x2="21.75" y1="12.063" y2="8.978" gradientUnits="userSpaceOnUse"><stop stop-color="#F0994F"/><stop offset="1" stop-color="#F0933A"/></linearGradient><linearGradient id="icloFEX" x1="17.52" x2="21.3" y1="14.978" y2="17.708" gradientUnits="userSpaceOnUse"><stop stop-color="#F19655"/><stop offset="1" stop-color="#EC8840"/></linearGradient><linearGradient id="iCwcnGy" x1="10.52" x2="14.3" y1="17.708" y2="14.978" gradientUnits="userSpaceOnUse"><stop stop-color="#C46A38"/><stop offset="1" stop-color="#E38B50"/></linearGradient><filter id="ivDf72k" width="25.785" height="25.13" x="2.871" y="1.715" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_29374" stdDeviation=".25"/></filter><filter id="iUmhHFd" width="9.552" height="15.175" x="19.594" y="11.729" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_29374" stdDeviation=".25"/></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. PieIcon.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.