ICONYZ
日本語
Material Icon Theme の Stan アイコン

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 コード

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

Material Icon Theme アイコン をすべて見る →