<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(#itXshtc)"><path fill="url(#i5zmD8b)" d="m9.059 3.477l-1.12 5.935a1.4 1.4 0 0 1-.612.914l-4.77 3.105a1.5 1.5 0 0 0-.682 1.257v5.818a1 1 0 0 0 .205.606l6.373 8.364c.236.31.604.493.994.493H24.39a1.75 1.75 0 0 0 1.656-1.183l3.521-10.282a1.75 1.75 0 0 0-1.062-2.213l-3.492-1.259a.6.6 0 0 1-.36-.357l-3.6-9.773a1.5 1.5 0 0 0-1.098-.948l-8.814-1.865a1.75 1.75 0 0 0-2.082 1.388"/></g><path fill="url(#iM2klde)" d="m9.059 3.477l-1.12 5.935a1.4 1.4 0 0 1-.612.914l-4.77 3.105a1.5 1.5 0 0 0-.682 1.257v5.818a1 1 0 0 0 .205.606l6.373 8.364c.236.31.604.493.994.493H24.39a1.75 1.75 0 0 0 1.656-1.183l3.521-10.282a1.75 1.75 0 0 0-1.062-2.213l-3.492-1.259a.6.6 0 0 1-.36-.357l-3.6-9.773a1.5 1.5 0 0 0-1.098-.948l-8.814-1.865a1.75 1.75 0 0 0-2.082 1.388"/><path fill="url(#ibNFgvd)" d="m9.059 3.477l-1.12 5.935a1.4 1.4 0 0 1-.612.914l-4.77 3.105a1.5 1.5 0 0 0-.682 1.257v5.818a1 1 0 0 0 .205.606l6.373 8.364c.236.31.604.493.994.493H24.39a1.75 1.75 0 0 0 1.656-1.183l3.521-10.282a1.75 1.75 0 0 0-1.062-2.213l-3.492-1.259a.6.6 0 0 1-.36-.357l-3.6-9.773a1.5 1.5 0 0 0-1.098-.948l-8.814-1.865a1.75 1.75 0 0 0-2.082 1.388"/><path fill="url(#i2b5X7d)" d="m8.945 29.864l1.078-2.825l-1.242-6.102l-1.008-3.828c-.09.063-2.763 1.872-5.761 3.902a1 1 0 0 0 .068.101l6.373 8.364c.13.171.3.303.492.388"/><path fill="url(#i9dzPbe)" d="m8.945 29.864l1.078-2.825l-1.242-6.102l-1.008-3.828c-.09.063-2.763 1.872-5.761 3.902a1 1 0 0 0 .068.101l6.373 8.364c.13.171.3.303.492.388"/><g filter="url(#iZzwuzA)"><path fill="url(#iI0STyc)" d="M7.781 17.125v-6.94a.25.25 0 0 1 .256-.25l6.76.143l3.047 4.953l-9.032 6.063z"/></g><g filter="url(#iRYs2Pc)"><path fill="url(#iUtHA1s)" d="m20.848 4.685l-6.051 5.409l3.047 4.937h7.062a.6.6 0 0 1-.357-.356l-3.6-9.773a1.5 1.5 0 0 0-.101-.217"/><path fill="url(#icc5hHb)" d="m20.848 4.685l-6.051 5.409l3.047 4.937h7.062a.6.6 0 0 1-.357-.356l-3.6-9.773a1.5 1.5 0 0 0-.101-.217"/><path fill="url(#ilZjggd)" d="m20.848 4.685l-6.051 5.409l3.047 4.937h7.062a.6.6 0 0 1-.357-.356l-3.6-9.773a1.5 1.5 0 0 0-.101-.217"/></g><path fill="url(#i6LPleN)" fill-rule="evenodd" d="M25.036 15.04a.25.25 0 0 0-.168.325l2.007 5.666l1.671.453l1.021-2.98a1.75 1.75 0 0 0-1.062-2.213z" clip-rule="evenodd"/><path fill="url(#iULdRFb)" fill-rule="evenodd" d="M25.036 15.04a.25.25 0 0 0-.168.325l2.007 5.666l1.671.453l1.021-2.98a1.75 1.75 0 0 0-1.062-2.213z" clip-rule="evenodd"/><path fill="url(#iuvO6ae)" d="m26.87 21.016l-2.142 6.021l.813 2.5a1.75 1.75 0 0 0 .505-.751l2.5-7.302l-1.671-.453z"/><g filter="url(#i7BR2nd)"><path fill="url(#iQv6M8b)" d="m25.545 29.444l-.73-2.381H10L8.941 29.76c.158.067.33.103.506.103H24.39c.436 0 .843-.155 1.155-.42"/></g><g filter="url(#iZBBzkW)"><path stroke="url(#iujFO7D)" stroke-linecap="round" stroke-width="1.5" d="m14.781 10.031l5.594-5.219"/></g><g filter="url(#iaob6sm)"><path fill="url(#iBXH6Mc)" d="m10.016 27.063l-1.203-5.954l9-6.078h6.906L26.875 21l-2.156 6.063z"/></g><defs><linearGradient id="i5zmD8b" x1="7.063" x2="20.188" y1="7.813" y2="7.813" gradientUnits="userSpaceOnUse"><stop stop-color="#C1C1C2"/><stop offset="1" stop-color="#DDDDDE"/></linearGradient><linearGradient id="iM2klde" x1="1.875" x2="7.614" y1="20.571" y2="18.316" gradientUnits="userSpaceOnUse"><stop stop-color="#B7B4BB"/><stop offset="1" stop-color="#B7B4BB" stop-opacity="0"/></linearGradient><linearGradient id="ibNFgvd" x1="17.589" x2="17.589" y1="29.969" y2="28.332" gradientUnits="userSpaceOnUse"><stop stop-color="#988EA1"/><stop offset="1" stop-color="#988EA1" stop-opacity="0"/></linearGradient><linearGradient id="i9dzPbe" x1="5.587" x2="7.583" y1="27.643" y2="24.583" gradientUnits="userSpaceOnUse"><stop stop-color="#C2BDC9"/><stop offset="1" stop-color="#C2BDC9" stop-opacity="0"/></linearGradient><linearGradient id="iI0STyc" x1="15.313" x2="8.5" y1="9.93" y2="20.625" gradientUnits="userSpaceOnUse"><stop stop-color="#EEEAF3"/><stop offset="1" stop-color="#E0DCE5"/></linearGradient><linearGradient id="iUtHA1s" x1="22.438" x2="17.063" y1="10.375" y2="12.375" gradientUnits="userSpaceOnUse"><stop stop-color="#E4E3E5"/><stop offset="1" stop-color="#D1D0D3"/></linearGradient><linearGradient id="icc5hHb" x1="17.42" x2="17.836" y1="7.548" y2="8.014" gradientUnits="userSpaceOnUse"><stop offset=".235" stop-color="#D0CFD2"/><stop offset="1" stop-color="#D0CFD2" stop-opacity="0"/></linearGradient><linearGradient id="ilZjggd" x1="14.63" x2="17.7" y1="10.359" y2="11.142" gradientUnits="userSpaceOnUse"><stop stop-color="#CDCBCE"/><stop offset="1" stop-color="#CDCBCE" stop-opacity="0"/></linearGradient><linearGradient id="iULdRFb" x1="27.013" x2="26.929" y1="15.661" y2="15.959" gradientUnits="userSpaceOnUse"><stop stop-color="#B6B6B6"/><stop offset="1" stop-color="#C3C3C4" stop-opacity="0"/></linearGradient><linearGradient id="iuvO6ae" x1="25.581" x2="28.209" y1="27.036" y2="21.016" gradientUnits="userSpaceOnUse"><stop stop-color="#B4B1B7"/><stop offset="1" stop-color="#B8B5BB"/></linearGradient><linearGradient id="iQv6M8b" x1="23.526" x2="10.621" y1="29.199" y2="29.199" gradientUnits="userSpaceOnUse"><stop stop-color="#A9A1B3"/><stop offset="1" stop-color="#A59DAD"/></linearGradient><linearGradient id="iujFO7D" x1="15.688" x2="21.813" y1="9.5" y2="3.719" gradientUnits="userSpaceOnUse"><stop stop-color="#DAD9DB"/><stop offset="1" stop-color="#DAD9DB" stop-opacity="0"/></linearGradient><linearGradient id="iBXH6Mc" x1="24.591" x2="13.19" y1="20.696" y2="18.879" gradientUnits="userSpaceOnUse"><stop stop-color="#F9F5FD"/><stop offset="1" stop-color="#C2BDC9"/></linearGradient><filter id="itXshtc" width="27.887" height="28.018" x="1.875" y="2.051" 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=".1" dy=".1"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.615686 0 0 0 0 0.615686 0 0 0 0 0.619608 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_5697"/></filter><filter id="iZzwuzA" width="10.563" height="11.659" x="7.531" y="9.685" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_5697" stdDeviation=".125"/></filter><filter id="iRYs2Pc" width="10.609" height="10.846" x="14.547" y="4.435" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_5697" stdDeviation=".125"/></filter><filter id="i7BR2nd" width="17.104" height="3.301" x="8.691" y="26.813" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_5697" stdDeviation=".125"/></filter><filter id="iZBBzkW" width="6.194" height="5.819" x="14.481" y="4.512" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_5697" stdDeviation=".1"/></filter><filter id="iaob6sm" width="18.563" height="12.531" x="8.563" y="14.781" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_5697" stdDeviation=".125"/></filter><radialGradient id="i2b5X7d" cx="0" cy="0" r="1" gradientTransform="rotate(91.332 -4.836 12.734)scale(11.4443 7.18893)" gradientUnits="userSpaceOnUse"><stop stop-color="#D9D5DE"/><stop offset="1" stop-color="#C2BEC8"/></radialGradient><radialGradient id="i6LPleN" cx="0" cy="0" r="1" gradientTransform="rotate(120.775 9.713 16.819)scale(4.53854 3.42258)" gradientUnits="userSpaceOnUse"><stop stop-color="#D8D6DB"/><stop offset="1" stop-color="#C5C4C6"/></radialGradient></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. RockIcon.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.