ICONYZ
日本語
Material Symbols Light の Follow The Signs Rounded アイコン

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
作者
Google
ライセンス
Apache-2.0
サイズ
24 × 24
カテゴリ
ソーシャル
タグ
arrow、body、directional、follow、human、people、person、right、signs、social、the、followthe、thesigns、signsrounded、followthesignsrounded、sign
SVG をダウンロード

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 コードをページに直接貼り付けます。

Material Symbols Light アイコン をすべて見る →