Иконка Nutandbolt

fxemoji:nutandbolt

Иконка Nutandbolt (fxemoji:nutandbolt) — бесплатная 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"><path fill="#8B9EA5" d="m417.522 495.522l-283.88-283.88c-12.409-12.409-12.409-32.527 0-44.935l36.46-36.46c12.409-12.409 32.527-12.409 44.935 0l283.88 283.88c12.409 12.409 12.409 32.527 0 44.935l-36.46 36.46c-12.408 12.409-32.526 12.409-44.935 0"/><path fill="#576F7A" d="M413.109 502.695c-1.505 0-3.035-.295-4.508-.919c-5.889-2.492-8.642-9.286-6.149-15.175l48.411-114.379c2.492-5.889 9.289-8.643 15.175-6.149c5.889 2.492 8.642 9.286 6.149 15.175l-48.411 114.379c-1.868 4.416-6.156 7.068-10.667 7.068m-20.985-38.72l48.411-114.38c2.492-5.889-.261-12.683-6.149-15.175c-5.887-2.493-12.684.261-15.175 6.149L370.8 454.949c-2.492 5.889.261 12.683 6.149 15.175c1.473.624 3.003.919 4.508.919c4.511 0 8.799-2.652 10.667-7.068m-31.653-31.654l48.411-114.379c2.492-5.889-.261-12.683-6.149-15.175c-5.887-2.494-12.683.261-15.175 6.149l-48.411 114.379c-2.492 5.889.261 12.683 6.149 15.175c1.473.624 3.003.919 4.508.919c4.51.001 8.799-2.652 10.667-7.068m-31.654-31.653l48.411-114.379c2.492-5.889-.261-12.683-6.149-15.175c-5.887-2.494-12.684.261-15.175 6.149l-48.411 114.379c-2.492 5.889.261 12.683 6.149 15.175c1.473.624 3.003.919 4.508.919c4.511 0 8.799-2.652 10.667-7.068m-94.958-94.959L282.27 191.33c2.492-5.889-.261-12.683-6.149-15.175c-5.886-2.492-12.684.261-15.175 6.15l-48.411 114.379c-2.493 5.889.261 12.683 6.149 15.175c1.473.624 3.002.919 4.507.919c4.511-.001 8.799-2.653 10.668-7.069m-31.653-31.653l48.411-114.379c2.493-5.889-.261-12.683-6.149-15.175s-12.682.262-15.175 6.15L180.881 265.03c-2.493 5.889.261 12.683 6.149 15.175c1.473.624 3.002.919 4.507.919c4.512 0 8.8-2.652 10.669-7.068m-31.653-31.653l48.411-114.379c2.493-5.889-.261-12.683-6.149-15.175c-5.889-2.492-12.683.262-15.175 6.15l-48.411 114.379c-2.493 5.889.261 12.683 6.149 15.175c1.473.624 3.002.918 4.507.918c4.511 0 8.799-2.653 10.668-7.068"/><path fill="#9CADB5" d="M412.169 256.01L259.405 408.774c-12.409 12.409-32.527 12.409-44.935 0l-40.369-40.369c-12.409-12.409-12.409-32.527 0-44.935l152.764-152.764c12.409-12.409 32.527-12.409 44.935 0l40.369 40.369c12.409 12.408 12.409 32.527 0 44.935M255.143 54.049L214.775 13.68c-12.409-12.409-32.527-12.409-44.935 0L17.075 166.444c-12.409 12.409-12.409 32.527 0 44.935l40.369 40.368c12.409 12.409 32.527 12.409 44.935 0L255.143 98.984c12.409-12.409 12.409-32.527 0-44.935"/><path fill="#72878E" d="m287.542 380.637l-28.137 28.137c-12.409 12.409-32.527 12.409-44.935 0l-40.369-40.369c-12.409-12.409-12.409-32.527 0-44.935l28.137-28.137zm-242.33-242.33l-28.137 28.137c-12.409 12.409-12.409 32.527 0 44.935l40.369 40.368c12.409 12.409 32.527 12.409 44.935 0l28.137-28.137z"/><path fill="#CBD5D8" d="m412.169 256.01l-28.137 28.137l-85.304-85.304l28.137-28.137c12.409-12.409 32.527-12.409 44.935 0l40.369 40.369c12.409 12.408 12.409 32.527 0 44.935M255.143 54.049L214.775 13.68c-12.409-12.409-32.527-12.409-44.935 0l-28.137 28.137l85.304 85.304l28.137-28.137c12.408-12.409 12.408-32.527-.001-44.935"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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