Polkadot Dot Fill アイコン
mingcute:polkadot-dot-fill
Polkadot Dot Fill アイコン(mingcute:polkadot-dot-fill)は、MingCute Icon セットの無料 SVG アイコンです（作者: MingCute Design）。 24 × 24 のグリッドで描かれています。 MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- MingCute Icon
- 作者
- MingCute Design
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- polkadotdot、dotfill、polkadotdotfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2c-.84 0-1.65.202-2.282.582C9.105 2.949 8.5 3.597 8.5 4.5s.605 1.55 1.218 1.918C10.35 6.798 11.159 7 12 7c.84 0 1.65-.202 2.282-.582c.613-.367 1.218-1.015 1.218-1.918s-.605-1.55-1.218-1.918C13.65 2.202 12.84 2 12 2m0 15c-.84 0-1.65.202-2.282.582c-.613.367-1.218 1.014-1.218 1.918s.605 1.55 1.218 1.918c.632.38 1.441.582 2.282.582c.84 0 1.65-.202 2.282-.582c.613-.367 1.218-1.014 1.218-1.918s-.605-1.55-1.218-1.918C13.65 17.202 12.84 17 12 17M3.34 7c-.42.728-.65 1.53-.638 2.267c.012.715.27 1.562 1.053 2.014s1.645.251 2.27-.095c.645-.358 1.225-.958 1.645-1.686s.65-1.53.637-2.267c-.012-.715-.27-1.562-1.052-2.014c-.783-.452-1.646-.251-2.27.095C4.34 5.673 3.76 6.272 3.34 7m12.99 7.5c-.42.728-.65 1.53-.637 2.267c.012.715.27 1.562 1.052 2.014s1.645.251 2.27-.095c.645-.358 1.225-.958 1.645-1.686s.65-1.53.637-2.267c-.012-.715-.27-1.562-1.052-2.014s-1.645-.251-2.27.096c-.645.357-1.225.957-1.645 1.685M4.985 18.686C4.34 18.328 3.76 17.728 3.34 17s-.65-1.53-.638-2.267c.012-.715.27-1.562 1.053-2.014s1.645-.251 2.27.096c.645.357 1.225.957 1.645 1.685s.65 1.53.637 2.267c-.012.715-.27 1.562-1.052 2.014c-.783.452-1.646.251-2.27-.095m12.99-7.5c-.645-.358-1.225-.958-1.645-1.686s-.65-1.53-.637-2.267c.012-.715.27-1.562 1.052-2.014s1.645-.251 2.27.095c.645.359 1.225.958 1.645 1.686s.65 1.53.637 2.267c-.012.715-.27 1.562-1.052 2.014s-1.645.251-2.27-.095" clip-rule="evenodd"/></svg>Polkadot Dot Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:polkadot-dot-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:polkadot-dot-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:polkadot-dot-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--polkadot-dot-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:polkadot-dot-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:polkadot-dot-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/polkadot-dot-fill.svg" alt="Polkadot Dot Fill アイコン" width="24" height="24">MingCute Icon の関連アイコン
Polkadot Dot Fill アイコン のよくある質問
Polkadot Dot Fill アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Polkadot Dot Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:polkadot-dot-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Polkadot Dot Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/polkadot-dot-fill.svg" alt="Polkadot Dot Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。