Иконка Smallstep
selfhst:smallstep
Иконка Smallstep (selfhst:smallstep) — бесплатная SVG-иконка из набора selfh.st/icons от selfh.st. Она нарисована на сетке 512 × 512. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- selfh.st/icons
- Автор
- selfh.st
- Лицензия
- CC-BY-4.0
- Размер
- 512 × 512
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#dc4b40" d="m51.9 105.8l141.6-88C231.7-6 280.2-6 318.4 17.8l141.6 88c11.7 7.3 18.8 20.1 18.8 33.9v232.6c0 13.8-7.1 26.6-18.8 33.9l-141.6 88c-38.2 23.8-86.7 23.8-124.9 0l-141.6-88c-11.7-7.3-18.8-20.1-18.8-33.9V139.7c0-13.8 7.1-26.6 18.8-33.9M314.4 366c-4-21.1-27.1-38.8-35.3-43.6L191 269.5c-8.5-4.9-57.5-35.5-76.4-90.7c-.5-1.3-1.8-2.3-3.2-2.3c-2 0-3.5 1.5-3.5 3.6v149.7c0 8.2 4.5 15.9 11.5 20.1l16.6 9.5c3.5 2 7.7.8 9.7-2.8l21.7-39.3c2-3.6 6.5-4.9 9.9-2.8l68.2 40.6c3.5 2 4.7 6.7 2.8 10.3l-20.7 37.5c-2.3 3.9-.5 9 3.5 10.5c6.9 2.8 15.4 6.1 16.2 6.4c17.1 5.9 41.8 8 53.5-9.8c8.2-13.1 16.6-28 13.7-43.9zM404 180.8c0-8.2-4.4-15.9-11.5-20.1l-16.6-9.5c-3.5-2-7.7-.8-9.7 2.8L343 195.5c-2 3.6-6.5 4.9-9.9 2.8L265 157.8c-3.5-2-4.7-6.7-2.7-10.3l22.1-39.5c2.3-3.9.5-9-3.5-10.5c-6.9-2.8-15.4-6.1-16.2-6.4c-17.1-5.9-41.8-8-53.5 9.8c-8.2 12.6-16.6 27.5-13.7 43.4c4 21.1 27.1 38.8 35.3 43.6l88.1 52.9c8.5 4.9 57.5 35.5 76.4 90.7c.5 1.3 1.8 2.3 3.2 2.3c2 0 3.5-1.5 3.5-3.6z"/></svg>Как использовать иконку Smallstep
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:smallstep" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:smallstep" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:smallstep" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--smallstep]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:smallstep"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:smallstep"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/selfhst/smallstep.svg" alt="Иконка Smallstep" width="24" height="24">Похожие иконки в наборе selfh.st/icons
Вопросы и ответы: Иконка Smallstep
Можно ли бесплатно использовать иконку Smallstep в коммерческих проектах?
Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Smallstep в React?
Установите @iconify/react и выведите <Icon icon="selfhst:smallstep" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Smallstep на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/selfhst/smallstep.svg" alt="Иконка Smallstep">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.