<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><g fill="none"><g filter="url(#icElxEb)"><path fill="url(#inqf8Ed)" d="M29.562 2h-4.17c-5.3 0-10.42 1.88-14.46 5.3a19.02 19.02 0 0 0-6.72 14.51v3.25s.17-.3.49-.81c-.09.38-.13.59-.13.59v.22h3.92c2.08 0 4.08-.47 5.89-1.34c.21-.1.21-.4 0-.5l-2.17-1.01c-.13-.04-.09-.21.04-.21h4.53c.21 0 .41-.08.57-.21c1.33-1.14 2.45-2.54 3.27-4.15c.3-.6.87-1.67 1.18-2.25c.13-.24.12-.53-.02-.77l-1.36-2.24a.25.25 0 0 1 .21-.38h2.66c.26 0 .51-.14.64-.36c1.78-2.96 3.84-5.95 6.08-8.45c.13-.14.2-.33.2-.52a.653.653 0 0 0-.65-.67"/><path fill="url(#i76Rh1b)" d="M29.562 2h-4.17c-5.3 0-10.42 1.88-14.46 5.3a19.02 19.02 0 0 0-6.72 14.51v3.25s.17-.3.49-.81c-.09.38-.13.59-.13.59v.22h3.92c2.08 0 4.08-.47 5.89-1.34c.21-.1.21-.4 0-.5l-2.17-1.01c-.13-.04-.09-.21.04-.21h4.53c.21 0 .41-.08.57-.21c1.33-1.14 2.45-2.54 3.27-4.15c.3-.6.87-1.67 1.18-2.25c.13-.24.12-.53-.02-.77l-1.36-2.24a.25.25 0 0 1 .21-.38h2.66c.26 0 .51-.14.64-.36c1.78-2.96 3.84-5.95 6.08-8.45c.13-.14.2-.33.2-.52a.653.653 0 0 0-.65-.67"/><path fill="url(#iok3Wzb)" d="M29.562 2h-4.17c-5.3 0-10.42 1.88-14.46 5.3a19.02 19.02 0 0 0-6.72 14.51v3.25s.17-.3.49-.81c-.09.38-.13.59-.13.59v.22h3.92c2.08 0 4.08-.47 5.89-1.34c.21-.1.21-.4 0-.5l-2.17-1.01c-.13-.04-.09-.21.04-.21h4.53c.21 0 .41-.08.57-.21c1.33-1.14 2.45-2.54 3.27-4.15c.3-.6.87-1.67 1.18-2.25c.13-.24.12-.53-.02-.77l-1.36-2.24a.25.25 0 0 1 .21-.38h2.66c.26 0 .51-.14.64-.36c1.78-2.96 3.84-5.95 6.08-8.45c.13-.14.2-.33.2-.52a.653.653 0 0 0-.65-.67"/><path fill="url(#iv7atbU)" d="M29.562 2h-4.17c-5.3 0-10.42 1.88-14.46 5.3a19.02 19.02 0 0 0-6.72 14.51v3.25s.17-.3.49-.81c-.09.38-.13.59-.13.59v.22h3.92c2.08 0 4.08-.47 5.89-1.34c.21-.1.21-.4 0-.5l-2.17-1.01c-.13-.04-.09-.21.04-.21h4.53c.21 0 .41-.08.57-.21c1.33-1.14 2.45-2.54 3.27-4.15c.3-.6.87-1.67 1.18-2.25c.13-.24.12-.53-.02-.77l-1.36-2.24a.25.25 0 0 1 .21-.38h2.66c.26 0 .51-.14.64-.36c1.78-2.96 3.84-5.95 6.08-8.45c.13-.14.2-.33.2-.52a.653.653 0 0 0-.65-.67"/><path fill="url(#i0VANib)" d="M29.562 2h-4.17c-5.3 0-10.42 1.88-14.46 5.3a19.02 19.02 0 0 0-6.72 14.51v3.25s.17-.3.49-.81c-.09.38-.13.59-.13.59v.22h3.92c2.08 0 4.08-.47 5.89-1.34c.21-.1.21-.4 0-.5l-2.17-1.01c-.13-.04-.09-.21.04-.21h4.53c.21 0 .41-.08.57-.21c1.33-1.14 2.45-2.54 3.27-4.15c.3-.6.87-1.67 1.18-2.25c.13-.24.12-.53-.02-.77l-1.36-2.24a.25.25 0 0 1 .21-.38h2.66c.26 0 .51-.14.64-.36c1.78-2.96 3.84-5.95 6.08-8.45c.13-.14.2-.33.2-.52a.653.653 0 0 0-.65-.67"/></g><path fill="url(#irlduGQ)" d="M29.562 2h-4.17c-5.3 0-10.42 1.88-14.46 5.3a19.02 19.02 0 0 0-6.72 14.51v3.25s.17-.3.49-.81c-.09.38-.13.59-.13.59v.22h3.92c2.08 0 4.08-.47 5.89-1.34c.21-.1.21-.4 0-.5l-2.17-1.01c-.13-.04-.09-.21.04-.21h4.53c.21 0 .41-.08.57-.21c1.33-1.14 2.45-2.54 3.27-4.15c.3-.6.87-1.67 1.18-2.25c.13-.24.12-.53-.02-.77l-1.36-2.24a.25.25 0 0 1 .21-.38h2.66c.26 0 .51-.14.64-.36c1.78-2.96 3.84-5.95 6.08-8.45c.13-.14.2-.33.2-.52a.653.653 0 0 0-.65-.67"/><path fill="url(#iNp35YK)" d="M29.562 2h-4.17c-5.3 0-10.42 1.88-14.46 5.3a19.02 19.02 0 0 0-6.72 14.51v3.25s.17-.3.49-.81c-.09.38-.13.59-.13.59v.22h3.92c2.08 0 4.08-.47 5.89-1.34c.21-.1.21-.4 0-.5l-2.17-1.01c-.13-.04-.09-.21.04-.21h4.53c.21 0 .41-.08.57-.21c1.33-1.14 2.45-2.54 3.27-4.15c.3-.6.87-1.67 1.18-2.25c.13-.24.12-.53-.02-.77l-1.36-2.24a.25.25 0 0 1 .21-.38h2.66c.26 0 .51-.14.64-.36c1.78-2.96 3.84-5.95 6.08-8.45c.13-.14.2-.33.2-.52a.653.653 0 0 0-.65-.67"/><path fill="url(#i6Aadnb)" d="M26.982 7h-7.79V2.88c-1.77.51-3.48 1.24-5.08 2.18V12h9.19c.26 0 .51-.14.64-.36c.94-1.57 1.96-3.14 3.04-4.64"/><path fill="url(#i3zJ02b)" d="M26.982 7h-7.79V2.88c-1.77.51-3.48 1.24-5.08 2.18V12h9.19c.26 0 .51-.14.64-.36c.94-1.57 1.96-3.14 3.04-4.64"/><path fill="url(#imIOenB)" d="M26.982 7h-7.79V2.88c-1.77.51-3.48 1.24-5.08 2.18V12h9.19c.26 0 .51-.14.64-.36c.94-1.57 1.96-3.14 3.04-4.64"/><g filter="url(#iINraWc)"><path fill="#818cf8" d="M4.572 24.991a40.3 40.3 0 0 1 8.235-11.841a40.4 40.4 0 0 1 12.04-8.32a.5.5 0 0 0 .25-.69a.5.5 0 0 0-.65-.23c-4.6 2.07-8.74 4.94-12.34 8.53c-3.237 3.237-5.525 6.576-7.535 10.638l.13 1.172c-.09.38-.13.59-.13.59z"/></g><g filter="url(#ici3KMe)"><path fill="url(#iCNWCEj)" d="M25.472 4.14a.5.5 0 0 0-.65-.23c-4.6 2.07-8.74 4.94-12.34 8.53a41.6 41.6 0 0 0-8.92 13.22a42 42 0 0 0-1.35 3.67c-.09.3.08.61.38.66c.26.05.5-.11.57-.35c.38-1.21.82-2.41 1.32-3.59c2.04-4.83 4.97-9.18 8.7-12.9c3.51-3.51 7.55-6.3 12.04-8.32a.5.5 0 0 0 .25-.69q0 .015 0 0"/><path fill="url(#isC8ITd)" d="M25.472 4.14a.5.5 0 0 0-.65-.23c-4.6 2.07-8.74 4.94-12.34 8.53a41.6 41.6 0 0 0-8.92 13.22a42 42 0 0 0-1.35 3.67c-.09.3.08.61.38.66c.26.05.5-.11.57-.35c.38-1.21.82-2.41 1.32-3.59c2.04-4.83 4.97-9.18 8.7-12.9c3.51-3.51 7.55-6.3 12.04-8.32a.5.5 0 0 0 .25-.69q0 .015 0 0"/></g><path fill="url(#iF9sU9d)" d="M25.472 4.14a.5.5 0 0 0-.65-.23c-4.6 2.07-8.74 4.94-12.34 8.53a41.6 41.6 0 0 0-8.92 13.22a42 42 0 0 0-1.35 3.67c-.09.3.08.61.38.66c.26.05.5-.11.57-.35c.38-1.21.82-2.41 1.32-3.59c2.04-4.83 4.97-9.18 8.7-12.9c3.51-3.51 7.55-6.3 12.04-8.32a.5.5 0 0 0 .25-.69q0 .015 0 0"/><path fill="url(#iYRY2sv)" d="M25.472 4.14a.5.5 0 0 0-.65-.23c-4.6 2.07-8.74 4.94-12.34 8.53a41.6 41.6 0 0 0-8.92 13.22a42 42 0 0 0-1.35 3.67c-.09.3.08.61.38.66c.26.05.5-.11.57-.35c.38-1.21.82-2.41 1.32-3.59c2.04-4.83 4.97-9.18 8.7-12.9c3.51-3.51 7.55-6.3 12.04-8.32a.5.5 0 0 0 .25-.69q0 .015 0 0"/><g filter="url(#ieoFHDb)"><path stroke="url(#iR2A2ub)" stroke-linecap="round" stroke-width="1.5" d="M2.688 29.5C4.229 24.542 8.28 14.594 19.813 7.219"/></g><defs><radialGradient id="i76Rh1b" cx="0" cy="0" r="1" gradientTransform="rotate(-118.387 16.077 7.399)scale(12.1454 61.4735)" gradientUnits="userSpaceOnUse"><stop stop-color="#E6A180"/><stop offset="1" stop-color="#E6A180" stop-opacity="0"/></radialGradient><radialGradient id="iok3Wzb" cx="0" cy="0" r="1" gradientTransform="matrix(-4.1875 -.625 .14484 -.97045 14.156 22.469)" gradientUnits="userSpaceOnUse"><stop stop-color="#F2C48E"/><stop offset="1" stop-color="#F2C48E" stop-opacity="0"/></radialGradient><radialGradient id="iv7atbU" cx="0" cy="0" r="1" gradientTransform="rotate(-122.876 15.586 .874)scale(6.10232 3.47844)" gradientUnits="userSpaceOnUse"><stop stop-color="#F2C48E"/><stop offset="1" stop-color="#F2C48E" stop-opacity="0"/></radialGradient><radialGradient id="i0VANib" cx="0" cy="0" r="1" gradientTransform="matrix(-13.87509 -10.31244 18.9087 -25.4411 21.688 22.313)" gradientUnits="userSpaceOnUse"><stop offset=".685" stop-color="#C68A61" stop-opacity="0"/><stop offset="1" stop-color="#C68A61"/></radialGradient><radialGradient id="iNp35YK" cx="0" cy="0" r="1" gradientTransform="matrix(-2.33683 1.49999 -.7248 -1.12916 30.212 2.219)" gradientUnits="userSpaceOnUse"><stop stop-color="#EFA86F"/><stop offset="1" stop-color="#E39C62" stop-opacity="0"/></radialGradient><radialGradient id="i3zJ02b" cx="0" cy="0" r="1" gradientTransform="rotate(-152.671 13.183 3.514)scale(5.24125 2.12873)" gradientUnits="userSpaceOnUse"><stop stop-color="#934E4C"/><stop offset="1" stop-color="#934E4C" stop-opacity="0"/></radialGradient><radialGradient id="iF9sU9d" cx="0" cy="0" r="1" gradientTransform="matrix(-.77611 .34375 -.2553 -.5764 25.527 4.172)" gradientUnits="userSpaceOnUse"><stop stop-color="#F3A963"/><stop offset="1" stop-color="#F3A963" stop-opacity="0"/></radialGradient><radialGradient id="iYRY2sv" cx="0" cy="0" r="1" gradientTransform="matrix(-.84374 -1.25 6.28208 -4.24035 20.906 8.375)" gradientUnits="userSpaceOnUse"><stop stop-color="#BB3CCF"/><stop offset="1" stop-color="#BB3CCF" stop-opacity="0"/></radialGradient><linearGradient id="inqf8Ed" x1="1.437" x2="26.427" y1="27.875" y2="1.202" gradientUnits="userSpaceOnUse"><stop stop-color="#CE9270"/><stop offset="1" stop-color="#D78C55"/></linearGradient><linearGradient id="irlduGQ" x1="27.125" x2="17.688" y1=".188" y2="7.875" gradientUnits="userSpaceOnUse"><stop stop-color="#CE8646"/><stop offset="1" stop-color="#CE8646" stop-opacity="0"/></linearGradient><linearGradient id="i6Aadnb" x1="14.563" x2="23.563" y1="12" y2="6.625" gradientUnits="userSpaceOnUse"><stop stop-color="#9F6562"/><stop offset="1" stop-color="#BC755B"/></linearGradient><linearGradient id="imIOenB" x1="13.563" x2="17.125" y1="13.75" y2="10.813" gradientUnits="userSpaceOnUse"><stop stop-color="#9C6361"/><stop offset="1" stop-color="#9C6361" stop-opacity="0"/></linearGradient><linearGradient id="iCNWCEj" x1="20.438" x2="2.188" y1="8.75" y2="32.5" gradientUnits="userSpaceOnUse"><stop offset=".006" stop-color="#D38750"/><stop offset="1" stop-color="#EEA374"/></linearGradient><linearGradient id="isC8ITd" x1="38.688" x2="6.938" y1="-5.312" y2="20.625" gradientUnits="userSpaceOnUse"><stop stop-color="#D77D2C"/><stop offset="1" stop-color="#D77D2C" stop-opacity="0"/></linearGradient><linearGradient id="iR2A2ub" x1="4.75" x2="19.063" y1="28.438" y2="8.813" gradientUnits="userSpaceOnUse"><stop stop-color="#FAAD7C"/><stop offset="1" stop-color="#FAAD7C" stop-opacity="0"/></linearGradient><filter id="icElxEb" width="26.25" height="23.81" x="4.212" y="1.75" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25" dy=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.690196 0 0 0 0 0.466667 0 0 0 0 0.286275 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_28327_5144"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.25"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.816667 0 0 0 0 0.455972 0 0 0 0 0.501059 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_28327_5144" result="effect2_innerShadow_28327_5144"/></filter><filter id="iINraWc" width="21.579" height="22.126" x="4.072" y="3.365" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_5144" stdDeviation=".25"/></filter><filter id="ici3KMe" width="23.339" height="26.384" x="2.188" y="3.865" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".25"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.682353 0 0 0 0 0.443137 0 0 0 0 0.270588 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_28327_5144"/></filter><filter id="ieoFHDb" width="18.375" height="23.531" x="2.062" y="6.594" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_5144" 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. FeatherIcon.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.