Иконка Ui Step Indicator 2
streamline-freehand-color:ui-step-indicator-2
Иконка Ui Step Indicator 2 (streamline-freehand-color:ui-step-indicator-2) — бесплатная SVG-иконка из набора Freehand color icons от Streamline. Она нарисована на сетке 24 × 24. Freehand color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Freehand color icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Программирование, приложения и сайты
- Теги
- uistep, stepindicator, uistepindicator
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#0c6fff" d="M4.27 11.788a2 2 0 0 0-1.757-1.797a2.3 2.3 0 0 0-1.598.479a2.43 2.43 0 0 0-.858 1.368c-.6 2.836 3.754 2.886 4.184.69q.034-.37.03-.74m-3.265.31c.103-.245.26-.464.46-.64a1.34 1.34 0 0 1 .998-.369a1 1 0 0 1 .939 1.099c.07 2.017-3.006 1.578-2.397-.09"/><path fill="#020202" d="M16.983 11.898a4.195 4.195 0 0 0-3.934-4.274a5.35 5.35 0 0 0-3.466.939a5.3 5.3 0 0 0-2.087 2.906c0 .14-.07.27-.1.41q-.08.359-.07.728c0 1.798 1.139 3.475 4.075 3.725a.3.3 0 0 0 .32-.25a.31.31 0 0 0-.26-.32h-.15l2.427-2.066l2.317-1.938q.015.215 0 .43a3.316 3.316 0 0 1-3.166 3.565a.32.32 0 0 0-.31.33a.32.32 0 0 0 .33.309a3.994 3.994 0 0 0 3.994-3.705q.088-.39.08-.789m-8.588-.16a4.524 4.524 0 0 1 4.584-2.996q.386.018.759.12q-1.006.527-1.908 1.218q-.53.405-.998.88q-.488.473-.919.998c-.53.62-.999 1.288-1.458 1.997a3 3 0 0 1-.06-2.217m5.543.42c-.32.21-.61.45-.91.679c-.299.23-.578.53-.838.809c-.57.619-1.059 1.288-1.608 1.927a3.5 3.5 0 0 1-1.777-1.118c.739-.78 1.508-1.518 2.276-2.267c.58-.56 1.119-1.129 1.718-1.648a18 18 0 0 1 1.738-1.348a3.2 3.2 0 0 1 1.358 1.797c-.66.36-1.328.74-1.908 1.169z"/><path fill="#0c6fff" d="m6.817 11.808l-.549-.07q-.285-.015-.57 0a5 5 0 0 0-.558 0h-.42c-.27.22-.48.81 0 .93q.172.048.35.069q.297.048.599.05h.589q.277-.013.55-.07c.279-.14.259-.809.01-.909m11.923-.05h-.5a1.5 1.5 0 0 0-.718.13c-.29.17-.15.73 0 .839c.225.101.473.142.719.12q.265.015.529 0a2 2 0 0 0 .44-.09c.409-.16.239-.829 0-.899zm3.455-1.768a2.31 2.31 0 0 0-2.436 1.728v.1a2.4 2.4 0 0 0 0 .73c.29 1.537 4.084 2.196 4.234-.48a1.93 1.93 0 0 0-1.798-2.077m-1.538 1.998c.098-.231.252-.434.45-.59c.28-.231.636-.349.999-.329a1 1 0 0 1 .938.999c.1 1.917-2.966 1.448-2.387-.08"/></g></svg>Как использовать иконку Ui Step Indicator 2
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:ui-step-indicator-2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:ui-step-indicator-2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:ui-step-indicator-2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--ui-step-indicator-2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:ui-step-indicator-2"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:ui-step-indicator-2"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/ui-step-indicator-2.svg" alt="Иконка Ui Step Indicator 2" width="24" height="24">Похожие иконки в наборе Freehand color icons
Иконка Ui Step Indicator 2 в других наборах
Вопросы и ответы: Иконка Ui Step Indicator 2
Можно ли бесплатно использовать иконку Ui Step Indicator 2 в коммерческих проектах?
Да. Freehand color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Ui Step Indicator 2 в React?
Установите @iconify/react и выведите <Icon icon="streamline-freehand-color:ui-step-indicator-2" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Ui Step Indicator 2 на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/ui-step-indicator-2.svg" alt="Иконка Ui Step Indicator 2">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.