<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(#imKRENd)" d="m4.894 16.404l-1.173-4.6a2 2 0 0 1-.054-.671h-.005l.26-3.297H6.17l2.086-2.229a2 2 0 0 1 2.104-.527l5.412 1.841a3 3 0 0 1 1.508 1.143l9.36 13.643h2.118v3.403a1 1 0 0 1-.281.688l-3.976 4.117a1.25 1.25 0 0 1-1.611.16L6.49 18.702a4 4 0 0 1-1.596-2.299"/><path fill="url(#imkvoKb)" d="m4.894 16.404l-1.173-4.6a2 2 0 0 1-.054-.671h-.005l.26-3.297H6.17l2.086-2.229a2 2 0 0 1 2.104-.527l5.412 1.841a3 3 0 0 1 1.508 1.143l9.36 13.643h2.118v3.403a1 1 0 0 1-.281.688l-3.976 4.117a1.25 1.25 0 0 1-1.611.16L6.49 18.702a4 4 0 0 1-1.596-2.299"/><path fill="url(#i6XmtmF)" d="m4.894 16.404l-1.173-4.6a2 2 0 0 1-.054-.671h-.005l.26-3.297H6.17l2.086-2.229a2 2 0 0 1 2.104-.527l5.412 1.841a3 3 0 0 1 1.508 1.143l9.36 13.643h2.118v3.403a1 1 0 0 1-.281.688l-3.976 4.117a1.25 1.25 0 0 1-1.611.16L6.49 18.702a4 4 0 0 1-1.596-2.299"/><g filter="url(#i9kSCFn)"><path fill="url(#iK80wKd)" d="m8.95 16.383l3.626 2.14l-.785 1.863l-3.363-2.356z"/></g><g filter="url(#iTKybMc)"><rect width="4.106" height=".854" x="8.735" y="17.938" fill="#818cf8" rx=".427" transform="rotate(35.012 8.735 17.938)"/></g><g filter="url(#iY8LCSb)"><path fill="url(#iF8Ktzc)" d="m9.141 16.39l3.626 2.141l-.785 1.863l-3.364-2.356z"/></g><g filter="url(#ioz71ac)"><path fill="url(#iZw9kbb)" d="m15.285 20.654l3.626 2.14l-.785 1.864l-3.364-2.356z"/></g><g filter="url(#iJk8Lbl)"><rect width="4.106" height=".854" x="14.934" y="22.05" fill="#818cf8" rx=".427" transform="rotate(35.012 14.934 22.05)"/></g><rect width="4.228" height="1.101" x="8.519" y="17.992" fill="url(#iHKXogd)" rx=".551" transform="rotate(35.012 8.519 17.992)"/><rect width="4.228" height="1.101" x="8.519" y="17.992" fill="url(#irHKtDe)" rx=".551" transform="rotate(35.012 8.519 17.992)"/><rect width="4.228" height="1.101" x="14.585" y="22.05" fill="url(#inO1vld)" rx=".551" transform="rotate(35.012 14.585 22.05)"/><rect width="4.228" height="1.101" x="14.585" y="22.05" fill="url(#ijAz9BP)" rx=".551" transform="rotate(35.012 14.585 22.05)"/><g filter="url(#ihwDjAI)"><path fill="url(#i12Eund)" d="M5.458 13.783L3.993 8.454a2 2 0 0 1 .51-1.94l3.887-3.91a2 2 0 0 1 1.956-.515l5.218 1.456a3 3 0 0 1 1.66 1.181L28.58 21.118a1 1 0 0 1-.1 1.26l-4.112 4.296a1 1 0 0 1-1.29.13L6.646 15.457a3 3 0 0 1-1.188-1.673"/></g><g filter="url(#ikrODld)"><path fill="#818cf8" fill-rule="evenodd" d="M13.577 8.086a.72.72 0 0 0-.459.163a.727.727 0 0 0-1.194.787a.727.727 0 0 0-.407.94a.725.725 0 0 0-.904.425a.726.726 0 0 0-.651 1.273a.727.727 0 0 0 1.018 1.024a.727.727 0 0 0 1.207-.214l.624.09a2.9 2.9 0 0 0-.81 1.082c-.03.07.03.145.105.128c.544-.123 1.064-.413 1.483-1.009l.331 1.521a.4.4 0 0 0 .782-.17l-.287-1.32L15.75 13a.4.4 0 1 0 .114-.792l-1.632-.236l-.002-.008c.316-.265.717-.763.885-1.519a.092.092 0 0 0-.127-.105c-.355.157-.683.39-.95.742l-.132-.605a.727.727 0 0 0 .308-1.318a.727.727 0 0 0-.639-1.073m-.992 3.648l.802.116l-.191-.88a.73.73 0 0 1-.89-.541a.7.7 0 0 1-.34-.028a.7.7 0 0 1 .05.252a.726.726 0 0 1 .569 1.08" clip-rule="evenodd"/></g><path fill="url(#iu63y4h)" d="M12.193 13.532c.41-.938 1.133-1.356 1.459-1.45l.226.422c-.435.695-.993 1.023-1.58 1.155a.092.092 0 0 1-.105-.128"/><path fill="url(#i8MIaBd)" d="M15.308 10.32c-.222.999-.851 1.548-1.153 1.703l-.303-.371c.293-.765.778-1.194 1.33-1.437c.07-.03.143.03.126.105"/><path stroke="url(#iUxAT9d)" stroke-linecap="round" stroke-width="1.5" d="m13.683 10.32l.82 3.766"/><path stroke="url(#igWo59d)" stroke-linecap="round" stroke-width="1.5" d="M12.186 11.927L16 12.48"/><circle cx="13.769" cy="8.688" r=".727" fill="url(#iNyOQfd)"/><circle cx="13.995" cy="9.633" r=".727" fill="url(#isiBSXb)"/><circle cx="13.206" cy="10.141" r=".727" fill="url(#iqKzYYM)"/><circle cx="12.386" cy="9.586" r=".727" fill="url(#i2a9L9U)"/><circle cx="12.784" cy="8.625" r=".727" fill="url(#inUYohe)"/><circle cx="13.269" cy="9.297" r=".609" fill="url(#idBqNhc)"/><circle cx="11.481" cy="10.54" r=".727" fill="url(#iSnHxfd)" transform="rotate(-29.511 11.481 10.54)"/><circle cx="11.707" cy="12.082" r=".727" fill="url(#iu07gMd)" transform="rotate(-29.511 11.707 12.082)"/><circle cx="10.72" cy="12.004" r=".727" fill="url(#iPfwGZb)" transform="rotate(-29.511 10.72 12.004)"/><circle cx="10.594" cy="10.971" r=".727" fill="url(#iI99lTb)" transform="rotate(-29.511 10.594 10.971)"/><circle cx="11.346" cy="11.317" r=".609" fill="url(#iIQPYxZ)" transform="rotate(-29.511 11.346 11.317)"/><defs><linearGradient id="imKRENd" x1="22.826" x2="25.795" y1="27.258" y2="27.633" gradientUnits="userSpaceOnUse"><stop stop-color="#7E4A81"/><stop offset=".39" stop-color="#7B3683"/></linearGradient><linearGradient id="imkvoKb" x1="29.404" x2="24.013" y1="27.008" y2="26.508" gradientUnits="userSpaceOnUse"><stop offset=".773" stop-color="#7E4E79"/><stop offset=".868" stop-color="#7E4E79" stop-opacity="0"/></linearGradient><linearGradient id="i6XmtmF" x1="2.92" x2="8.67" y1="11.57" y2="13.695" gradientUnits="userSpaceOnUse"><stop stop-color="#AA9796"/><stop offset="1" stop-color="#AA9796" stop-opacity="0"/></linearGradient><linearGradient id="iK80wKd" x1="16.888" x2="17.592" y1="23.164" y2="21.711" gradientUnits="userSpaceOnUse"><stop stop-color="#763F6D"/><stop offset="1" stop-color="#763F6D" stop-opacity="0"/></linearGradient><linearGradient id="iF8Ktzc" x1="17.079" x2="17.782" y1="23.172" y2="21.719" gradientUnits="userSpaceOnUse"><stop stop-color="#763F6D"/><stop offset="1" stop-color="#763F6D" stop-opacity="0"/></linearGradient><linearGradient id="iZw9kbb" x1="16.799" x2="17.482" y1="23.508" y2="22.273" gradientUnits="userSpaceOnUse"><stop stop-color="#763F6D"/><stop offset="1" stop-color="#763F6D" stop-opacity="0"/></linearGradient><linearGradient id="iHKXogd" x1="8.925" x2="12.597" y1="18.909" y2="18.703" gradientUnits="userSpaceOnUse"><stop stop-color="#C46C66"/><stop offset="1" stop-color="#BD5458"/></linearGradient><linearGradient id="irHKtDe" x1="8.404" x2="8.982" y1="18.931" y2="18.717" gradientUnits="userSpaceOnUse"><stop stop-color="#D49887"/><stop offset="1" stop-color="#D49887" stop-opacity="0"/></linearGradient><linearGradient id="inO1vld" x1="14.991" x2="18.662" y1="22.967" y2="22.761" gradientUnits="userSpaceOnUse"><stop stop-color="#C46C66"/><stop offset="1" stop-color="#BD5458"/></linearGradient><linearGradient id="ijAz9BP" x1="14.47" x2="15.048" y1="22.988" y2="22.775" gradientUnits="userSpaceOnUse"><stop stop-color="#D49887"/><stop offset="1" stop-color="#D49887" stop-opacity="0"/></linearGradient><linearGradient id="i12Eund" x1="16.339" x2="16.339" y1="2.015" y2="22.945" gradientUnits="userSpaceOnUse"><stop offset=".15" stop-color="#83535A"/><stop offset="1" stop-color="#714556"/></linearGradient><linearGradient id="iu63y4h" x1="12.388" x2="14.138" y1="13.352" y2="12.082" gradientUnits="userSpaceOnUse"><stop stop-color="#80A465"/><stop offset="1" stop-color="#749E65"/></linearGradient><linearGradient id="i8MIaBd" x1="14.581" x2="14.581" y1="10.207" y2="12.023" gradientUnits="userSpaceOnUse"><stop stop-color="#5C9B6E"/><stop offset="1" stop-color="#699F6C"/></linearGradient><linearGradient id="iUxAT9d" x1="14.826" x2="14.093" y1="14.086" y2="9.977" gradientUnits="userSpaceOnUse"><stop stop-color="#87A863"/><stop offset="1" stop-color="#508857"/></linearGradient><linearGradient id="igWo59d" x1="16.67" x2="12.795" y1="12.851" y2="12.476" gradientUnits="userSpaceOnUse"><stop stop-color="#87A863"/><stop offset="1" stop-color="#508857"/></linearGradient><radialGradient id="iNyOQfd" cx="0" cy="0" r="1" gradientTransform="rotate(147.407 5.912 6.346)scale(1.13128)" gradientUnits="userSpaceOnUse"><stop stop-color="#DC9590"/><stop offset="1" stop-color="#CA7479"/></radialGradient><radialGradient id="isiBSXb" cx="0" cy="0" r="1" gradientTransform="rotate(132.194 5.126 7.791)scale(1.1283)" gradientUnits="userSpaceOnUse"><stop stop-color="#DC9590"/><stop offset=".82" stop-color="#D17A8F"/></radialGradient><radialGradient id="iqKzYYM" cx="0" cy="0" r="1" gradientTransform="rotate(109.832 3.224 9.609)scale(1.01322)" gradientUnits="userSpaceOnUse"><stop stop-color="#D38491"/><stop offset="1" stop-color="#CA7479"/><stop offset="1" stop-color="#C76E77"/></radialGradient><radialGradient id="i2a9L9U" cx="0" cy="0" r="1" gradientTransform="rotate(143.569 4.844 6.906)scale(1.22347)" gradientUnits="userSpaceOnUse"><stop stop-color="#D38491"/><stop offset="1" stop-color="#CA7479"/><stop offset="1" stop-color="#C76E77"/></radialGradient><radialGradient id="inUYohe" cx="0" cy="0" r="1" gradientTransform="rotate(147.407 5.428 6.17)scale(1.13128)" gradientUnits="userSpaceOnUse"><stop stop-color="#DC9590"/><stop offset="1" stop-color="#CA7479"/></radialGradient><radialGradient id="idBqNhc" cx="0" cy="0" r="1" gradientTransform="rotate(129.144 4.667 7.788)scale(.8663)" gradientUnits="userSpaceOnUse"><stop stop-color="#EBC6D7"/><stop offset="1" stop-color="#DCADC8"/></radialGradient><radialGradient id="iSnHxfd" cx="0" cy="0" r="1" gradientTransform="rotate(147.407 4.497 6.938)scale(1.13128)" gradientUnits="userSpaceOnUse"><stop stop-color="#DC9590"/><stop offset="1" stop-color="#CA7479"/></radialGradient><radialGradient id="iu07gMd" cx="0" cy="0" r="1" gradientTransform="rotate(143.569 4.093 8.042)scale(1.22347)" gradientUnits="userSpaceOnUse"><stop offset=".238" stop-color="#CA758A"/><stop offset="1" stop-color="#C05F80"/></radialGradient><radialGradient id="iPfwGZb" cx="0" cy="0" r="1" gradientTransform="rotate(143.569 3.613 7.84)scale(1.22347)" gradientUnits="userSpaceOnUse"><stop offset=".238" stop-color="#CA758A"/><stop offset="1" stop-color="#C05F80"/></radialGradient><radialGradient id="iI99lTb" cx="0" cy="0" r="1" gradientTransform="rotate(147.407 3.99 7.023)scale(1.13128)" gradientUnits="userSpaceOnUse"><stop stop-color="#CC8384"/><stop offset="1" stop-color="#C56A83"/></radialGradient><radialGradient id="iIQPYxZ" cx="0" cy="0" r="1" gradientTransform="rotate(129.144 3.226 8.342)scale(.8663)" gradientUnits="userSpaceOnUse"><stop stop-color="#EBC6D7"/><stop offset="1" stop-color="#DCADC8"/></radialGradient><filter id="i9kSCFn" width="4.948" height="4.803" x="8.028" y="15.983" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_26539" stdDeviation=".2"/></filter><filter id="iTKybMc" width="4.318" height="3.52" x="8.013" y="17.706" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_26539" stdDeviation=".2"/></filter><filter id="iY8LCSb" width="4.948" height="4.803" x="8.219" y="15.991" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_26539" stdDeviation=".2"/></filter><filter id="ioz71ac" width="4.948" height="4.803" x="14.363" y="20.254" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_26539" stdDeviation=".2"/></filter><filter id="iJk8Lbl" width="4.318" height="3.52" x="14.212" y="21.818" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_26539" stdDeviation=".2"/></filter><filter id="ihwDjAI" width="25.287" height="25.417" x="3.721" y="1.765" 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="-.2" dy=".2"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.588235 0 0 0 0 0.447059 0 0 0 0 0.419608 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_26539"/><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=".4"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.458824 0 0 0 0 0.262745 0 0 0 0 0.290196 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_26539" result="effect2_innerShadow_18_26539"/><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="-.4"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.427451 0 0 0 0 0.192157 0 0 0 0 0.380392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_26539" result="effect3_innerShadow_18_26539"/></filter><filter id="ikrODld" width="7.533" height="7.588" x="9.175" y="7.523" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_26539" stdDeviation=".25"/></filter></defs></g></svg>Icons in Action
WEB APPLICATION HEADER & NAVIGATION
Overview Dashboard
PROGRESS STEPPER
BUTTON UI ACTIONS
SCALABILITY & CLARITY
Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.
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. CoffinIcon.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.