Dm アイコン
circle-flags:dm
Dm アイコン(circle-flags:dm)は、Circle Flags セットの無料 SVG アイコンです（作者: HatScripts）。 512 × 512 のグリッドで描かれています。 Circle Flags icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Circle Flags
- 作者
- HatScripts
- ライセンス
- MIT
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="SVGuywqVbel"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGuywqVbel)"><path fill="#496e2d" d="M0 0h208l48 32l48-32h208v208l-32 48l32 48v208H304l-48-32l-48 32H0V304l32-48l-32-48Z"/><path fill="#333" d="M512 240v32l-256 32L0 272v-32l256-32z"/><path fill="#ffda44" d="M512 208v32H0v-32z"/><path fill="#333" d="M240 0h32l32 256l-32 256h-32l-32-256Z"/><path fill="#ffda44" d="M208 0h32v512h-32z"/><path fill="#eee" d="M272 0h32v512h-32z"/><path fill="#eee" d="M512 272v32H0v-32z"/><circle cx="256" cy="256" r="122.4" fill="#d80027"/><path fill="#496e2d" d="M284 270c-9-19-21-37-21-37v-13a14 14 0 0 0-27-2a11 11 0 0 0-4 21a16 16 0 0 1 9-9a14 14 0 0 0 2 2h2s-7 19-7 29c0 27 19 36 19 36l-10 9h19v-18l9 9s17-11 9-27m-28-114l4 13h14l-11 8l4 12l-11-8l-11 8l4-12l-11-8h14Zm-59 19l11 8l11-8l-4 13l11 8h-14l-4 12l-4-12h-14l11-8zm-36 50h13l4-13l4 13h14l-11 8l4 13l-11-8l-11 8l5-13zm0 62l11-8l-5-13l11 8l11-8l-4 13l11 8h-14l-4 13l-4-13Zm36 50l4-13l-11-8h14l4-12l4 12h13l-10 8l4 13l-11-8zm59 19l-4-13h-14l11-8l-4-12l11 8l11-8l-4 12l11 9h-14Zm59-19l-11-8l-11 8l4-13l-10-8h13l4-12l4 12h14l-11 8zm36-50h-13l-4 13l-4-13h-14l11-8l-4-13l11 8l11-8l-5 13zm0-62l-11 8l5 13l-11-8l-11 8l4-13l-11-8h14l4-13l4 13zm-36-50l-4 13l11 8h-14l-4 12l-4-12h-14l11-8l-4-13l11 8z"/></g></svg>Dm アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="circle-flags:dm" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="circle-flags:dm" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="circle-flags:dm" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--dm]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:dm"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="circle-flags:dm"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/circle-flags/dm.svg" alt="Dm アイコン" width="24" height="24">他のアイコンセットの Dm アイコン
Dm アイコン のよくある質問
Dm アイコンは商用利用でも無料ですか?
はい。Circle Flags icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Dm アイコンを使うには?
@iconify/react をインストールして <Icon icon="circle-flags:dm" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dm アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/circle-flags/dm.svg" alt="Dm アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。