Stitches Light アイコン
material-icon-theme:stitches-light
Stitches Light アイコン(material-icon-theme:stitches-light)は、Material Icon Theme セットの無料 SVG アイコンです（作者: Material Extensions）。 64 × 64 のグリッドで描かれています。 Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Icon Theme
- 作者
- Material Extensions
- ライセンス
- MIT
- サイズ
- 64 × 64
- タグ
- stitcheslight、stitch
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#546e7a" clip-rule="evenodd"><path d="M32 8.812C19.193 8.812 8.81 19.193 8.81 32S19.193 55.189 32 55.189S55.188 44.807 55.188 32S44.807 8.812 32 8.812M5.27 32C5.27 17.238 17.239 5.27 32 5.27S58.73 17.239 58.73 32S46.761 58.73 32 58.73S5.27 46.761 5.27 32"/><path d="M57.179 37.624L24.384 56.558l-.886-1.533L56.294 36.09zM40.826 9.3L8.031 28.236l-.885-1.533L39.941 7.767zm6.527 25.024a.887.887 0 0 1-.324 1.21L17.214 52.747a.885.885 0 0 1-.885-1.534L46.143 34a.885.885 0 0 1 1.21.324m.967-22.422c.245.424.1.965-.323 1.21L18.183 30.325a.885.885 0 0 1-.886-1.534l29.814-17.213a.885.885 0 0 1 1.21.324z"/><path d="M23.944 25.844a.885.885 0 0 1 1.239-.184L41.15 37.499a.885.885 0 1 1-1.054 1.422L24.128 27.08a.885.885 0 0 1-.184-1.238zm5.963-3.442a.885.885 0 0 1 1.238-.184l15.967 11.838a.885.885 0 0 1-1.054 1.422L30.09 23.64a.885.885 0 0 1-.183-1.239zM17.02 29.043a.885.885 0 0 1 1.235-.205l16.92 12.094a.885.885 0 1 1-1.03 1.44l-16.92-12.094a.885.885 0 0 1-.205-1.235"/></g></svg>Stitches Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:stitches-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:stitches-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:stitches-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--stitches-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:stitches-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:stitches-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-icon-theme/stitches-light.svg" alt="Stitches Light アイコン" width="24" height="24">Material Icon Theme の関連アイコン
Stitches Light アイコン のよくある質問
Stitches Light アイコンは商用利用でも無料ですか?
はい。Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Stitches Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-icon-theme:stitches-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Stitches Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-icon-theme/stitches-light.svg" alt="Stitches Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。