Directhit icon
fxemoji:directhit
The Directhit icon (fxemoji:directhit) 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
- Objects
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><circle cx="254.874" cy="257.739" r="228.521" fill="#E5E4DF"/><path fill="#E5E4DF" d="M384.604 257.739c0 71.648-58.082 129.73-129.73 129.73s-128.388-58.095-129.73-129.73c-1.332-71.103 53.52-127.864 129.73-129.73c71.626-1.755 129.73 58.082 129.73 129.73"/><path fill="#FF473E" d="M254.874 505.874c-136.822 0-248.135-111.313-248.135-248.135c0-136.824 111.313-248.137 248.135-248.137s248.135 111.313 248.135 248.137c0 136.822-111.313 248.135-248.135 248.135m0-449.353c-110.952 0-201.217 90.266-201.217 201.218s90.265 201.217 201.217 201.217S456.09 368.691 456.09 257.739S365.825 56.521 254.874 56.521"/><path fill="#FF473E" d="M254.874 407.084c-82.179 0-147.776-65.439-149.341-148.978c-1.559-83.231 62.438-147.59 148.86-149.706c82.218-2.061 149.827 65.771 149.827 149.339c0 82.349-66.996 149.345-149.346 149.345m2.758-248.349c-.771 0-1.552.011-2.328.029c-57.695 1.412-100.429 43.819-99.401 98.644c1.041 55.681 44.516 99.298 98.969 99.298c54.573 0 98.969-44.397 98.969-98.968c.001-54.591-43.159-99.003-96.209-99.003"/><circle cx="254.874" cy="257.739" r="40.605" fill="#FF473E"/><path fill="#2B3B47" d="m290.716 231.117l-10.94-10.94l-30.624 30.623l.006.006c-.043.041-.089.076-.131.118a7.736 7.736 0 1 0 10.94 10.94c.042-.042.077-.088.118-.131l.006.006z"/><path fill="#0074A8" d="M437.626 73.763c37.978-82.369-34.466-112.946-46.703 24.855l-106.175 94.587a24 24 0 0 0-2.122 1.865c-.041.041-.075.087-.117.129l-.081.072l.008.008c-9.103 9.319-9.047 24.246.189 33.482s24.164 9.292 33.483.189l.008.008l.071-.08c.042-.041.088-.075.129-.117a24 24 0 0 0 1.866-2.122l94.587-106.175c137.803-12.235 107.226-84.679 24.857-46.701"/></svg>How to use the Directhit icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:directhit" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:directhit" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:directhit" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--directhit]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:directhit"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:directhit"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/directhit.svg" alt="Directhit icon" width="24" height="24">Directhit icon FAQ
Is the Directhit 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 Directhit icon in React?
Install @iconify/react and render <Icon icon="fxemoji:directhit" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Directhit icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/directhit.svg" alt="Directhit icon">, or paste the SVG code inline to style it with CSS.