Devilhorns icon

fxemoji:devilhorns

The Devilhorns icon (fxemoji:devilhorns) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: People
Tags: devilhorn

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FF473E" d="M476.474 255.827c0 121.851-98.769 220.627-220.616 220.627c-121.845 0-220.614-98.776-220.614-220.627c0-121.825 98.769-220.603 220.614-220.603c121.846 0 220.616 98.777 220.616 220.603"/><path fill="#2B3B47" d="M144.731 221.982c13.373 0 24.214-8.152 24.214 5.22v48.04c0 13.372-10.841 24.212-24.214 24.212s-24.214-10.84-24.214-24.212v-54.281c0-13.372 10.841-11.46 24.214-11.46zm220.056-6.241c-13.373 0-24.214 4.329-24.214 17.701v41.8c0 13.372 10.841 24.212 24.214 24.212s24.214-10.84 24.214-24.212v-54.281c0-13.372-10.841-5.22-24.214-5.22M325.42 361.318c4.573-4.128 4.926-11.18.804-15.747c-4.129-4.561-11.174-4.926-15.748-.804c-24.742 22.348-63.481 27.383-94.209 12.227c-5.523-2.71-12.204-.457-14.932 5.066c-2.725 5.523-.457 12.209 5.067 14.931c14.886 7.344 31.276 10.906 47.602 10.906c26.14.001 52.112-9.145 71.416-26.579"/><path fill="#D32A2A" d="M335.066 236.446a8.21 8.21 0 0 1-7.691-5.346a8.21 8.21 0 0 1 4.829-10.55l63.837-23.736c4.257-1.571 8.976.588 10.553 4.832a8.21 8.21 0 0 1-4.829 10.55l-63.837 23.736a8.2 8.2 0 0 1-2.862.514M184.339 231.1a8.21 8.21 0 0 0-4.832-10.55l-63.834-23.736c-4.235-1.568-8.967.585-10.55 4.832a8.21 8.21 0 0 0 4.832 10.55l63.834 23.736c.941.35 1.909.515 2.859.515a8.21 8.21 0 0 0 7.691-5.347M38.379 105.534c1.83 6.28 4.292 12.412 6.931 18.874c2.841 6.22 5.818 12.776 9.497 18.93c1.778 3.299 3.759 6.495 5.843 9.651c15.933-30.177 38.653-56.212 66.137-76.073c-3.552-.288-7.349-.598-11.029-1.439c-4.448-.71-8.638-2.01-13.068-3.301c-4.161-1.453-8.601-3.008-12.489-4.875l-5.917-2.847l-5.374-3.092c-3.75-2.072-6.466-4.306-9.576-6.482c-2.64-2.168-5.2-4.374-7.258-6.416c-1.811-2.009-3.694-3.988-4.926-5.626l-3.619-5.498l-1.525-2.317a9.317 9.317 0 0 0-16.66 2.317s-.959 3.029-2.397 9.054c-.589 2.952-.895 6.421-1.329 10.73c-.233 4.148-.16 8.786.074 14.027c.544 4.895.937 10.779 2.2 16.363c.576 2.856 1.165 5.885 1.89 8.923z"/><path fill="#D32A2A" d="M480.098 57.126c-.434-4.309-.741-7.779-1.33-10.73c-1.438-6.025-2.397-9.054-2.397-9.054a9.3 9.3 0 0 0-3.759-4.968c-4.298-2.829-10.076-1.639-12.905 2.659l-1.52 2.309l-3.619 5.498c-1.232 1.638-3.115 3.617-4.926 5.626c-2.058 2.042-4.618 4.248-7.258 6.416c-3.11 2.176-5.825 4.409-9.576 6.482l-5.374 3.092l-5.917 2.847c-3.889 1.867-8.328 3.422-12.489 4.875c-4.43 1.291-8.621 2.592-13.068 3.301c-3.68.841-7.478 1.151-11.03 1.439a222 222 0 0 1 31.314 27.488c20.268 34.006 32.927 76.009 32.927 118.323c0 125.107-101.431 226.506-226.543 226.506c-43.534 0-84.187-12.284-118.723-33.601c39.556 37.664 93.043 60.821 151.954 60.821c121.781 0 220.497-98.723 220.497-220.508c0-38.026-10.107-74.843-27.396-106.811c.709 1.281 1.423 2.559 2.107 3.855c2.084-3.157 4.065-6.352 5.843-9.651c3.679-6.154 6.656-12.71 9.497-18.93c2.639-6.462 5.101-12.594 6.931-18.874l2.595-9.096c.726-3.039 1.315-6.067 1.891-8.923c1.264-5.583 1.657-11.468 2.2-16.363c.234-5.243.307-9.881.074-14.028"/></svg>

How to use the Devilhorns icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:devilhorns" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:devilhorns" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:devilhorns" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--devilhorns]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:devilhorns"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:devilhorns"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/devilhorns.svg" alt="Devilhorns icon" width="24" height="24">

Devilhorns icon FAQ

Is the Devilhorns icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Devilhorns icon in React?

Install @iconify/react and render <Icon icon="fxemoji:devilhorns" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Devilhorns icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/devilhorns.svg" alt="Devilhorns icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →