Home/Libraries/OpenMoji (Iconify)/exploding-head

OpenMoji (Iconify)

ExplodingHead

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 72 72"><defs><path id="SVGisG2xdrm" d="M36.285 57.943c2.897 0 5.245-2.927 5.245-6.538s-2.348-6.539-5.245-6.539s-5.245 2.928-5.245 6.539s2.348 6.538 5.245 6.538"/></defs><use href="#SVGisG2xdrm"/><path fill="#f1b31c" d="M17.285 26.193a10.7 10.7 0 0 0 5.137 1.432c.312.013.566.13.626.295c.918 2.513 5.15 4.402 10.15 4.402a14.94 14.94 0 0 0 8.031-2.036a1.05 1.05 0 0 1 .758-.117a10.6 10.6 0 0 0 2.348.241c3.232 0 5.885-1.316 6.16-2.994c.027-.16.27-.29.569-.307a9.6 9.6 0 0 0 3.962-1.045a46.12 46.12 0 0 0-37.74.128Z"/><path fill="#fcea2b" d="M36.285 62.013a23.004 23.004 0 0 0 18.936-36.06a9.5 9.5 0 0 1-4.168 1.16c-.3.017-.542.146-.568.306c-.276 1.678-2.93 2.994-6.161 2.994a10.6 10.6 0 0 1-2.348-.24a1.05 1.05 0 0 0-.758.116a14.94 14.94 0 0 1-8.03 2.036c-5.004 0-9.236-1.889-10.15-4.402c-.06-.164-.315-.282-.627-.294a10.65 10.65 0 0 1-5.2-1.472a23 23 0 0 0 19.076 35.85Z"/><use href="#SVGisG2xdrm"/><path fill="#fff" d="M23.265 15.383c-.024.14-.246.253-.521.268c-3.348.182-5.924 1.861-5.924 3.904c0 2.165 2.948 3.92 6.585 3.92h.492a8.3 8.3 0 0 1 1.942 2.698a21.4 21.4 0 0 1 1.197 4.668l.077.442a17.3 17.3 0 0 0 6.07 1.038a14.94 14.94 0 0 0 8.032-2.036a1.05 1.05 0 0 1 .757-.117a10.6 10.6 0 0 0 2.348.241a12 12 0 0 0 1.294-.072a19.4 19.4 0 0 1 1.11-4.164a8.3 8.3 0 0 1 1.942-2.698h-.152c3.993-.002 7.229-1.856 7.229-4.142c0-2.193-2.976-3.988-6.741-4.133c-.287-.011-.52-.114-.575-.258c-.84-2.199-4.72-3.852-9.307-3.852a14.2 14.2 0 0 0-7.362 1.782a1 1 0 0 1-.694.103a10.2 10.2 0 0 0-2.152-.211c-2.963 0-5.395 1.152-5.648 2.619Z"/><path d="M48.285 38.013a3 3 0 1 1-3-3a3 3 0 0 1 3 3m-18 0a3 3 0 1 1-3-3a3 3 0 0 1 3 3"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M36.285 62.013a23.004 23.004 0 0 0 18.936-36.06a9.5 9.5 0 0 1-4.168 1.16c-.3.017-.542.146-.568.306c-.276 1.678-2.93 2.994-6.161 2.994a10.6 10.6 0 0 1-2.348-.24a1.05 1.05 0 0 0-.758.116a14.94 14.94 0 0 1-8.03 2.036c-5.004 0-9.236-1.889-10.15-4.402c-.06-.164-.315-.282-.627-.294a10.65 10.65 0 0 1-5.2-1.472a23 23 0 0 0 19.076 35.85Z"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M36.285 57.943c2.897 0 5.245-2.927 5.245-6.538s-2.348-6.539-5.245-6.539s-5.245 2.928-5.245 6.539s2.348 6.538 5.245 6.538m-13.02-42.56c-.024.14-.246.253-.521.268c-3.348.182-5.924 1.861-5.924 3.904c0 2.165 2.948 3.92 6.585 3.92h.492a8.3 8.3 0 0 1 1.942 2.698a21.4 21.4 0 0 1 1.197 4.668l.077.442a17.3 17.3 0 0 0 6.07 1.038a14.94 14.94 0 0 0 8.032-2.036a1.05 1.05 0 0 1 .757-.117a10.6 10.6 0 0 0 2.348.241a12 12 0 0 0 1.294-.072a19.4 19.4 0 0 1 1.11-4.164a8.3 8.3 0 0 1 1.942-2.698h-.152c3.993-.002 7.229-1.856 7.229-4.142c0-2.193-2.976-3.988-6.741-4.133c-.287-.011-.52-.114-.575-.258c-.84-2.199-4.72-3.852-9.307-3.852a14.2 14.2 0 0 0-7.362 1.782a1 1 0 0 1-.694.103a10.2 10.2 0 0 0-2.152-.211c-2.963 0-5.395 1.152-5.648 2.619Z"/><path fill="none" stroke="#818cf8" stroke-width="1.5" d="M23.785 23.593a17.7 17.7 0 0 0-6.5 2.5m31-2.5a19.3 19.3 0 0 1 7 2.5"/><path fill="none" stroke="#818cf8" stroke-linejoin="round" stroke-width="1.5" d="M23.905 23.483c2.064.59 6.546 1.062 7.962-1.77c2.123 2.124 7.077 1.475 8.846 0c.884 1.77 4.423 3.186 7.962 1.77"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

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. ExplodingHeadIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** 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.