Blink アイコン
material-icon-theme:blink
Blink アイコン(material-icon-theme:blink)は、Material Icon Theme セットの無料 SVG アイコンです（作者: Material Extensions）。 256 × 256 のグリッドで描かれています。 Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Icon Theme
- 作者
- Material Extensions
- ライセンス
- MIT
- サイズ
- 256 × 256
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#f9a825" d="M130.974 23.383c57.809 1.624 103.262 49.782 101.638 107.591s-49.782 103.262-107.59 101.639C67.303 230.989 21.85 183.01 23.383 125.293c1.533-57.81 49.602-103.443 107.41-101.91zm-.541 10.823c-51.766-1.353-94.875 39.59-96.137 91.447c-1.353 51.766 39.59 94.875 91.357 96.137c51.766 1.353 94.875-39.59 96.137-91.357c1.443-51.856-39.5-94.875-91.357-96.227c.09 0 0 0 0 0"/><path fill="#f9a825" d="M137.9 93.403c-4.149 3.968-2.525 12.806 3.878 19.57s15.241 8.838 19.209 4.78s2.706-12.987-3.788-19.751s-15.422-8.748-19.57-4.78zm52.217-25.162c8.207 8.568 14.43 18.758 18.398 29.851c0 0 2.706 7.395-5.862 7.395H181.73s-6.674-.54-6.944 5.14c-.451 7.035-.27 12.988-.27 12.988c.27 4.058 1.803 8.026 4.328 11.183l21.554 22.727a9.184 9.184 0 0 1 1.082 12.355c-10.912 18.578-28.408 32.286-49.06 38.509c-6.314 1.894-6.945-3.247-6.765-6.764c0-2.255 2.616-52.397 2.616-52.397c.721-5.411-.992-10.912-4.78-14.881c-6.764-7.215-11.003-11.814-11.003-11.814s-4.78-4.78-11.634-11.904c-3.788-3.878-9.018-5.862-14.43-5.501H54.027c-3.427 0-8.658-.812-6.403-7.035c7.305-20.292 21.915-37.066 41.124-46.896c3.878-2.705 9.199-1.984 12.265 1.714l21.554 22.727c3.066 2.705 6.944 4.329 11.003 4.78c0 0 5.862.45 12.987.36c5.591 0 5.501-6.764 5.501-6.764s.902-13.888 1.173-20.923c-.27-2.976 1.894-5.591 4.78-5.862c.991-.09 1.893.09 2.795.451c11.003 4.69 21.013 11.634 29.22 20.292z"/></svg>Blink アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:blink" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:blink" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:blink" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--blink]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:blink"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:blink"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-icon-theme/blink.svg" alt="Blink アイコン" width="24" height="24">Material Icon Theme の関連アイコン
他のアイコンセットの Blink アイコン
Blink アイコン のよくある質問
Blink アイコンは商用利用でも無料ですか?
はい。Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Blink アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-icon-theme:blink" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Blink アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-icon-theme/blink.svg" alt="Blink アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。