Ui Step Indicator 2 アイコン
streamline-freehand:ui-step-indicator-2
Ui Step Indicator 2 アイコン(streamline-freehand:ui-step-indicator-2)は、Freehand free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- プログラミング・アプリ・Web サイト
- タグ
- uistep、stepindicator、uistepindicator
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" 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-.09m15.977-.2a4.194 4.194 0 0 0-3.934-4.274a5.35 5.35 0 0 0-3.465.939a5.3 5.3 0 0 0-2.088 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.314 3.314 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.995-3.705q.087-.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.277-2.267c.579-.56 1.118-1.129 1.717-1.648q.825-.729 1.738-1.348a3.2 3.2 0 0 1 1.358 1.797c-.66.36-1.328.74-1.907 1.169zm-7.122-.35l-.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.24-.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.926 1.926 0 0 0-1.798-2.077m-1.538 1.998c.098-.231.252-.434.45-.59c.28-.231.636-.349.998-.329a1 1 0 0 1 .94.999c.099 1.917-2.967 1.448-2.388-.08" clip-rule="evenodd"/></svg>Ui Step Indicator 2 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:ui-step-indicator-2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:ui-step-indicator-2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:ui-step-indicator-2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--ui-step-indicator-2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:ui-step-indicator-2"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:ui-step-indicator-2"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand/ui-step-indicator-2.svg" alt="Ui Step Indicator 2 アイコン" width="24" height="24">Freehand free icons の関連アイコン
他のアイコンセットの Ui Step Indicator 2 アイコン
Ui Step Indicator 2 アイコン のよくある質問
Ui Step Indicator 2 アイコンは商用利用でも無料ですか?
はい。Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Ui Step Indicator 2 アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand:ui-step-indicator-2" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ui Step Indicator 2 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand/ui-step-indicator-2.svg" alt="Ui Step Indicator 2 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。