Иконка Directhit

fxemoji:directhit

Иконка Directhit (fxemoji:directhit) — бесплатная SVG-иконка из набора Firefox OS Emoji от Mozilla. Она нарисована на сетке 512 × 512. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Firefox OS Emoji
Автор: Mozilla
Лицензия: Apache-2.0
Размер: 512 × 512
Категория: Предметы

Скачать SVG

Код SVG

<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>

Как использовать иконку Directhit

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>

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/fxemoji/directhit.svg" alt="Иконка Directhit" width="24" height="24">

Вопросы и ответы: Иконка Directhit

Можно ли бесплатно использовать иконку Directhit в коммерческих проектах?

Да. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Directhit в React?

Установите @iconify/react и выведите <Icon icon="fxemoji:directhit" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Directhit на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fxemoji/directhit.svg" alt="Иконка Directhit">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Firefox OS Emoji →