Иконка Nut And Bolt
fluent-emoji-high-contrast:nut-and-bolt
Иконка Nut And Bolt (fluent-emoji-high-contrast:nut-and-bolt) — бесплатная SVG-иконка из набора Fluent Emoji High Contrast от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji High Contrast
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Предметы
- Теги
- nutand, andbolt, nutandbolt
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m14.223 1.616l3.656 3.657c.82.82.821 2.163 0 2.984l-1.14 1.142a.472.472 0 0 1 .201.711l-.204.261l1.025 1.026l.099-.127c.17-.24.52-.28.73-.07c.16.16.18.42.05.61l-.204.261l1.015 1.016l.099-.127c.17-.24.52-.28.73-.07c.16.16.18.42.05.61l-.204.262l.481.48l1.625-1.626a2.1 2.1 0 0 1 2.991 0l3.657 3.657c.82.82.82 2.163 0 2.984l-1.116 1.117a.47.47 0 0 1 .036.596l-.204.262l1.025 1.025l.099-.127c.17-.24.52-.28.73-.07c.16.16.18.42.05.61l-.204.262l.775.775a3 3 0 0 1 0 4.243l-2.121 2.12a3 3 0 0 1-4.237.006l-.33.423c-.17.24-.52.28-.73.07a.47.47 0 0 1-.05-.61l.435-.558l-1.025-1.025l-.33.423c-.17.24-.52.28-.73.07a.47.47 0 0 1-.05-.61l.435-.558l-.447-.448l-1.641 1.643c-.82.82-2.164.82-2.985 0l-3.66-3.66a2.117 2.117 0 0 1 0-2.984l.865-.866a.47.47 0 0 1-.038-.597l.436-.558l-1.015-1.015l-.33.423c-.17.24-.52.28-.73.07a.47.47 0 0 1-.05-.61l.435-.558l-1.025-1.025l-.33.423c-.17.24-.52.28-.73.07a.47.47 0 0 1-.05-.61l.435-.558l-.587-.588l-1.641 1.643c-.82.82-2.164.82-2.985 0l-3.66-3.66a2.117 2.117 0 0 1 0-2.984l9.627-9.636a2.1 2.1 0 0 1 2.991 0M11.304 14.84l.415.414l2.976-3.81zm1.493-11.821a.1.1 0 0 0-.14 0l-.007.008l-2.707 2.71l3.816 3.815l2.706-2.709a.1.1 0 0 0 .03-.078a.1.1 0 0 0-.03-.078l-3.66-3.66zm.255 7.24L9.237 6.444L6.445 9.238l3.816 3.816zm-7.314-.314L3.02 12.667a.1.1 0 0 0-.03.078c0 .035.013.061.03.078l3.66 3.66c.016.017.042.03.077.03a.1.1 0 0 0 .078-.03l2.72-2.722zm13.147 5.404l-2.213 2.833l2.521-2.524zm3.419 10.49l.275.275l1.972-2.524zm-9.91-9.91l1.025 1.025l3.101-3.97l-1.025-1.025zm4.801-2.27l-3.101 3.97l1.015 1.015l3.101-3.97zm9.16 9.16l-3.101 3.97l1.025 1.025l3.101-3.97zm1.7 1.7l-3.101 3.97l.167.168a1 1 0 0 0 1.415 0l2.12-2.122a1 1 0 0 0 0-1.414zm-4.258-10.5a.1.1 0 0 0-.14 0l-.007.008l-2.707 2.71l3.816 3.815l2.706-2.709a.1.1 0 0 0 .03-.078a.1.1 0 0 0-.03-.078l-3.66-3.66zm.255 7.24l-3.815-3.815l-2.792 2.794l3.816 3.816zm-7.314-.314l-2.718 2.722a.1.1 0 0 0-.03.078c0 .035.013.061.03.078l3.66 3.66c.016.017.042.03.078.03a.1.1 0 0 0 .077-.03l2.72-2.722z"/></svg>
Как использовать иконку Nut And Bolt
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:nut-and-bolt" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:nut-and-bolt" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:nut-and-bolt" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--nut-and-bolt]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:nut-and-bolt"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:nut-and-bolt"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/nut-and-bolt.svg" alt="Иконка Nut And Bolt" width="24" height="24">
Иконка Nut And Bolt в других наборах
Вопросы и ответы: Иконка Nut And Bolt
Можно ли бесплатно использовать иконку Nut And Bolt в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Nut And Bolt в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:nut-and-bolt" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Nut And Bolt на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/nut-and-bolt.svg" alt="Иконка Nut And Bolt">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji High Contrast →
ICONYZ
