ICONYZ
日本語
Material Symbols Light の Farsight Digital Rounded アイコン

Farsight Digital Rounded アイコン

material-symbols-light:farsight-digital-rounded

Farsight Digital Rounded アイコン(material-symbols-light:farsight-digital-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
カテゴリ
ホーム
タグ
farsightdigital、digitalrounded、farsightdigitalrounded
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.575 8.666V11.2q0 .127.089.212t.22.084t.214-.085t.08-.212V8.062q0-.087-.062-.15t-.149-.062h-.16q-.045 0-.107.05l-.79.56q-.087.055-.109.158t.034.209t.17.121t.22-.044zm2.508-.343q.25 0 .417.14t.167.357q0 .238-.096.43t-.302.398l-1.244 1.239q.014-.014-.075.136v.187q0 .124.085.205t.192.081h1.833q.125 0 .193-.08q.068-.082.068-.197t-.075-.186q-.075-.07-.182-.07h-1.348v-.02l.944-.931q.344-.339.478-.609q.133-.27.133-.582q0-.442-.338-.747t-.825-.305q-.348 0-.635.15t-.442.427q-.05.107 0 .204t.165.146t.22.019t.167-.138q.104-.127.229-.19t.27-.064m-2.613 7.908q.535 0 .902-.315q.367-.314.367-.793q0-.292-.161-.531t-.448-.351v-.045q.217-.105.358-.326q.14-.22.14-.473q0-.42-.327-.697t-.834-.277q-.295 0-.569.146q-.274.147-.432.382q-.06.107-.026.2t.15.143t.218.006t.158-.13q.07-.095.473-.218q.262 0 .411.13t.149.349t-.179.373t-.43.156q-.126 0-.197.068q-.07.068-.07.193t.073.196t.178.072h.064q.294 0 .493.172t.199.43q0 .238-.187.4q-.186.161-.476.161q-.177 0-.327-.082q-.15-.081-.25-.245q-.06-.102-.16-.149t-.212.003q-.125.05-.17.168q-.047.119.018.223q.172.294.454.477q.283.184.65.184m3.012 0q.523 0 .896-.36q.373-.361.373-.852t-.33-.844t-.777-.352q-.106 0-.378.08h-.02l.652-.926q.063-.106.05-.224t-.118-.174t-.212-.04q-.105.015-.168.12l-.755 1.115q-.294.421-.388.674q-.094.252-.094.531q0 .537.367.894q.367.358.902.358m0-.554q-.3 0-.492-.187q-.193-.187-.193-.479q0-.173.09-.335q.091-.162.249-.26q.06-.039.346-.089q.286 0 .485.199q.2.199.2.495q0 .275-.193.465q-.193.191-.492.191M12.003 21q-1.866 0-3.51-.708q-1.643-.709-2.859-1.924t-1.925-2.856T3 12.003t.709-3.51Q4.417 6.85 5.63 5.634t2.857-1.925T11.997 3t3.51.709q1.643.708 2.859 1.922t1.925 2.857t.709 3.509t-.708 3.51t-1.924 2.859t-2.856 1.925t-3.509.709"/></svg>

Farsight Digital Rounded アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="material-symbols-light:farsight-digital-rounded" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="material-symbols-light:farsight-digital-rounded" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="material-symbols-light:farsight-digital-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--farsight-digital-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:farsight-digital-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:farsight-digital-rounded"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/farsight-digital-rounded.svg" alt="Farsight Digital Rounded アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

他のアイコンセットの Farsight Digital Rounded アイコン

Farsight Digital Rounded アイコン のよくある質問

Farsight Digital Rounded アイコンは商用利用でも無料ですか?

はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Farsight Digital Rounded アイコンを使うには?

@iconify/react をインストールして <Icon icon="material-symbols-light:farsight-digital-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Farsight Digital Rounded アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/farsight-digital-rounded.svg" alt="Farsight Digital Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

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