Home/Libraries/Game Icons (Iconify)/devil-mask

Game Icons (Iconify)

DevilMask

License: CC-BY-3.0

ICON SIZE

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 512 512"><path fill="#818cf8" d="M86.55 31.4C58.98 60.64 45.4 99.1 47 136c1.88 43.1 23.9 83.8 69 106.3l5 2.5v5.6c0 45 23.1 100.1 52.5 145.2c14.6 22.5 30.8 42.6 46 57.8c13.9 13.8 27.1 23.2 36.5 27.2c9.4-4 22.5-13.4 36.4-27.3c15.2-15.2 31.4-35.3 46.1-57.8c29.3-45.1 52.5-100.1 52.5-145.1v-5.6l5-2.5c45.1-22.5 67.1-63.2 69-106.3c1.6-36.9-12-75.36-39.5-104.6c.9 28.55 2.9 50.9-.6 70.6c-4.5 24.4-19.5 43.8-52.9 60.5l-4.9 2.4l-4.5-3.3c-2.1-1.6-4.2-3-6.3-4.5c-3.3 7-7.9 13.6-13.9 19.7c-11.2 11.1-27.4 10.9-39.7 6c-12.3-5-23.7-14.4-23.7-28.4v-3.7l2.6-2.7c6-6 10.7-11.2 14.6-16.2c-26.3-5.7-54-5.7-80.4 0c3.9 5 8.6 10.2 14.6 16.2l2.6 2.7v3.7c0 14-11.4 23.4-23.7 28.4c-12.3 4.9-28.5 5.1-39.7-6c-6-6.1-10.6-12.7-13.9-19.7q-3.15 2.1-6.3 4.5l-4.5 3.3l-4.9-2.4c-33.4-16.7-48.42-36.1-52.85-60.5c-3.58-19.7-1.54-42.05-.6-70.6m88.15 52.71C171 94.26 168 104.9 167 115.3c-1.9 18.2 1.5 34.9 15.4 48.7c4.8 4.9 12.6 5.1 20.3 2c5.6-2.2 9.6-6.3 11.3-9.2c-14.1-14.7-22.4-27.1-28.3-40.9c-4-9.3-7.3-19.9-11-31.79m162.6 0c-3.7 11.86-7 22.49-11 31.79c-5.9 13.8-14.2 26.2-28.3 40.9c1.7 2.9 5.7 7 11.3 9.2c7.7 3.1 15.5 2.9 20.3-2c13.9-13.8 17.3-30.5 15.4-48.7c-1-10.4-4-21.04-7.7-31.19M157.2 192.6l10.9 21.8c11.1 22.2 31.3 45.3 53.3 61.7l-21.8-54.4l16.8-6.6l30.7 76.8l1.9.9v.9h14v-.9l1.9-.9l30.7-76.8l16.8 6.6l-21.8 54.4c22-16.4 42.2-39.5 53.3-61.7l10.9-21.8l22.2 88.7v1.1c0 6.2-2.6 12.1-6.3 16.4c-3.8 4.4-8.6 7.5-13.9 10c-10.5 5-23.3 7.5-36.1 8.6c-2.1.2-4.1.3-6.1.4l-17 33.9c9.7-3.6 21.1-8.1 35.1-13.7l12.3-4.9v13.3c0 20.5-13.6 41.3-30.6 58.4c-17.1 17-37.9 30.6-58.4 30.6s-41.3-13.6-58.4-30.6c-17-17.1-30.6-37.9-30.6-58.4v-13.3l12.3 4.9c14 5.6 25.4 10.1 35.1 13.7l-17-33.9c-2-.1-4-.2-6.1-.4c-12.8-1.1-25.6-3.6-36.1-8.6c-5.3-2.5-10.1-5.6-13.9-10c-3.7-4.3-6.3-10.2-6.3-16.4v-1.1zm6.3 49l-10.4 41.5c.1 1.3.5 2.5 1.8 3.9c1.5 1.8 4.2 3.8 7.9 5.5c7.5 3.5 18.7 6 29.9 6.9c10.8.9 21.5.5 29.3-.9c-22.5-14.2-43.4-34.6-58.5-56.9m185 0c-15.1 22.3-36 42.7-58.5 56.9c7.8 1.4 18.5 1.8 29.3.9c11.2-.9 22.4-3.4 29.9-6.9c3.7-1.7 6.4-3.7 7.9-5.5c1.3-1.4 1.7-2.6 1.8-3.9zm-106.4 70.1l-22 11l35.9 71.9l35.9-71.9l-22-11zm-53.3 49.4c4.3 10 12 21.3 21.6 30.9c11.3 11.3 25 20.1 36 23.6l-20.6-41.1c-10.6-3.1-22.5-7.6-37-13.4m134.4 0c-14.5 5.8-26.4 10.3-37 13.4l-20.6 41.1c11-3.5 24.7-12.3 36-23.6c9.6-9.6 17.3-20.9 21.6-30.9"/></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. DevilMaskIcon.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-3.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.