Stan アイコン
material-icon-theme:stan
Stan アイコン(material-icon-theme:stan)は、Material Icon Theme セットの無料 SVG アイコンです(作者: Material Extensions)。 500 × 500 のグリッドで描かれています。 Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Icon Theme
- 作者
- Material Extensions
- ライセンス
- MIT
- サイズ
- 500 × 500
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" viewBox="0 0 500 500"><path fill="#e53935" d="M249.98 46C137.31 46 46 137.353 46 250.02c0 53.209 20.377 101.65 53.74 137.96c24.726-7.494 49.697-14.465 70.033-19.775c44.666-11.665 113.39-29.452 150.29-51.658c-12.161-7.795-33.029-16.267-82.541-31.932c-49.553-15.678-104.51-32.254-100.85-49.371c0 0 .132-.478.55-1.277c-.11.177-.282.343-.386.521c8.18-20.906 32.893-75.656 32.893-75.656c17.725-29.087 96.193-49.896 150.93-65.023c12.767-3.528 28.016-7.86 44.062-12.508c-32.692-22.279-72.2-35.303-114.75-35.303zm181.68 111.15c-36.813 5.94-152.95 27.021-182.71 33.736c-12.109 2.732-28.745 6.302-45.57 10.84c23.794 11.702 31.215 17.554 64.1 29.701c32.943 12.169 82.342 39.919 76.84 61.621c0 0-.237.628-.633 1.51c-4.22 11.592-17.59 41.406-17.59 41.406c-18.634 18.179-103.32 38.34-159.08 49.072c-17.787 3.423-38.089 7.38-58.674 11.742c36.688 35.408 86.612 57.22 141.63 57.22c112.67 0 204.02-91.313 204.02-203.98c0-33.447-8.07-65.012-22.338-92.868zM170.2 212.377c-.545.214-1.078.431-1.615.648c.522-.215 1.075-.432 1.615-.648m-5.75 2.408q-2.135.93-4.166 1.893c1.29-.62 2.731-1.257 4.166-1.893m-5.098 2.352c-4.528 2.193-8.595 4.514-12.092 6.97c3.069-2.132 7-4.474 12.092-6.97m-13.928 8.297c-.576.44-1.178.875-1.714 1.324c.517-.425 1.119-.876 1.714-1.324"/></svg>Stan アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:stan" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:stan" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:stan" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--stan]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:stan"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:stan"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-icon-theme/stan.svg" alt="Stan アイコン" width="24" height="24">他のアイコンセットの Stan アイコン
Stan アイコン のよくある質問
Stan アイコンは商用利用でも無料ですか?
はい。Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Stan アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-icon-theme:stan" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Stan アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-icon-theme/stan.svg" alt="Stan アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。