Follow The Signs Rounded アイコン
material-symbols-light:follow-the-signs-rounded
Follow The Signs Rounded アイコン(material-symbols-light:follow-the-signs-rounded)は、Material Symbols Light セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ソーシャル
- タグ
- arrow、body、directional、follow、human、people、person、right、signs、social、the、followthe、thesigns、signsrounded、followthesignsrounded、sign
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.5 5.192q-.698 0-1.195-.497T7.808 3.5t.497-1.195T9.5 1.808t1.195.497t.497 1.195t-.497 1.195t-1.195.497m-2.92 8.846l-1.824 8.066q-.036.173-.172.284q-.137.112-.315.112q-.255 0-.408-.183t-.092-.408L6.442 8.054L3.5 9.284V12q0 .213-.144.356t-.357.144t-.356-.144T2.5 12V9.148q0-.244.143-.447t.367-.305l4.106-1.688q.675-.275 1.25-.14t.911.69l.97 1.58q.588.933 1.563 1.637T14 11.4q.213.05.356.197q.144.146.144.362t-.143.347t-.357.1q-1.58-.239-2.785-1.158q-1.205-.92-1.953-2.136l-.889 4.519l1.648 1.61q.237.217.358.517t.121.633V22q0 .213-.144.356t-.357.144t-.356-.144T9.5 22v-5.173zm10.478-5.346h-2.942q-.344 0-.576-.232t-.232-.576V3.116q0-.344.232-.576t.576-.232h6.769q.343 0 .575.232t.232.576v4.769q0 .343-.232.575t-.575.232h-2.943V22.25q0 .192-.125.317t-.316.125t-.317-.125t-.126-.317zm1.292-2.75l-.644.644q-.129.13-.139.304q-.01.175.139.323t.316.148q.169 0 .317-.148l1.153-1.148q.131-.13.184-.27q.053-.139.053-.298t-.053-.295t-.184-.268L18.34 3.781q-.13-.129-.304-.139q-.175-.01-.323.139t-.148.316t.148.316l.638.645h-3.1q-.192 0-.317.125t-.125.316t.125.317t.317.126z"/></svg>Follow The Signs Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:follow-the-signs-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:follow-the-signs-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:follow-the-signs-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--follow-the-signs-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:follow-the-signs-rounded"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:follow-the-signs-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/follow-the-signs-rounded.svg" alt="Follow The Signs Rounded アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Follow The Signs Rounded アイコン
Follow The Signs Rounded アイコン のよくある質問
Follow The Signs Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Follow The Signs Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:follow-the-signs-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Follow The Signs Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/follow-the-signs-rounded.svg" alt="Follow The Signs Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。