Dm icon
circle-flags:dm
The Dm icon (circle-flags:dm) is a free SVG icon from the Circle Flags set by HatScripts. It is drawn on a 512 × 512 grid. Circle Flags icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Circle Flags
- Author
- HatScripts
- License
- MIT
- Size
- 512 × 512
SVG code
<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>How to use the Dm icon
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 component
<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 image
<img src="https://iconyz.com/api/public/svg/circle-flags/dm.svg" alt="Dm icon" width="24" height="24">Dm icon in other icon sets
Dm icon FAQ
Is the Dm icon free for commercial use?
Yes. Circle Flags icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Dm icon in React?
Install @iconify/react and render <Icon icon="circle-flags:dm" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Dm icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/circle-flags/dm.svg" alt="Dm icon">, or paste the SVG code inline to style it with CSS.