Иконка Screw Nut Duotone
stash:screw-nut-duotone
Иконка Screw Nut Duotone (stash:screw-nut-duotone) — бесплатная SVG-иконка из набора Stash Icons от Pingback LLC. Она нарисована на сетке 24 × 24. Stash Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Stash Icons
- Автор
- Pingback LLC
- Лицензия
- MIT
- Размер
- 24 × 24
- Теги
- screwnut, nutduotone, screwnutduotone
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.057 3.25h3.886c.948 0 1.59 0 2.18.186c.519.164.998.433 1.406.79c.464.407.788.954 1.26 1.751l.062.104l1.822 3.073l.063.106c.472.795.797 1.342.928 1.94a3.75 3.75 0 0 1 0 1.6c-.13.598-.456 1.145-.928 1.94l-.063.106l-1.822 3.073l-.061.104c-.473.797-.797 1.344-1.26 1.75a3.9 3.9 0 0 1-1.408.791c-.588.186-1.23.186-2.18.186h-3.885c-.948 0-1.59 0-2.18-.186a3.9 3.9 0 0 1-1.406-.79c-.464-.407-.788-.954-1.26-1.751l-.062-.104l-1.822-3.073l-.063-.106c-.472-.795-.797-1.342-.928-1.94a3.75 3.75 0 0 1 0-1.6c.13-.598.456-1.145.928-1.94l.063-.106l1.822-3.073l.062-.104c.472-.797.796-1.344 1.26-1.75a3.9 3.9 0 0 1 1.407-.791c.589-.187 1.23-.186 2.18-.186m.12 1.5c-1.114 0-1.507.008-1.847.116c-.323.102-.62.27-.87.489c-.262.229-.463.55-1.02 1.49L4.616 9.92c-.56.942-.743 1.27-.815 1.6c-.07.317-.07.645 0 .961c.072.33.256.659.815 1.6l1.822 3.074c.558.94.76 1.262 1.02 1.491c.251.22.548.387.871.49c.34.107.733.115 1.847.115h3.646c1.114 0 1.507-.008 1.847-.116c.323-.102.62-.27.87-.489c.262-.229.463-.55 1.02-1.491l1.823-3.073c.56-.942.743-1.27.815-1.6c.07-.317.07-.645 0-.961c-.072-.33-.256-.659-.815-1.6L17.56 6.847c-.558-.94-.76-1.262-1.02-1.491a2.4 2.4 0 0 0-.871-.49c-.34-.107-.733-.115-1.847-.115z"/><path fill="currentColor" d="M12 8.75a3.25 3.25 0 1 0 0 6.5a3.25 3.25 0 0 0 0-6.5M7.25 12a4.75 4.75 0 1 1 9.5 0a4.75 4.75 0 0 1-9.5 0" opacity=".5"/></svg>Как использовать иконку Screw Nut Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="stash:screw-nut-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:screw-nut-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:screw-nut-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--screw-nut-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:screw-nut-duotone"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:screw-nut-duotone"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/stash/screw-nut-duotone.svg" alt="Иконка Screw Nut Duotone" width="24" height="24">Похожие иконки в наборе Stash Icons
Вопросы и ответы: Иконка Screw Nut Duotone
Можно ли бесплатно использовать иконку Screw Nut Duotone в коммерческих проектах?
Да. Stash Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Screw Nut Duotone в React?
Установите @iconify/react и выведите <Icon icon="stash:screw-nut-duotone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Screw Nut Duotone на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/stash/screw-nut-duotone.svg" alt="Иконка Screw Nut Duotone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.