Icône Md
flagpack:md
L'icône Md (flagpack:md) est une icône SVG gratuite de la collection Flagpack par Yummygum. Elle est dessinée sur une grille de 32 × 24. Les Flagpack icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 32 24"><g fill="none"><path fill="#d9071e" fill-rule="evenodd" d="M22 0h10v24H22z" clip-rule="evenodd"/><path fill="#3d58db" fill-rule="evenodd" d="M0 0h12v24H0z" clip-rule="evenodd"/><path fill="#fbcd17" fill-rule="evenodd" d="M10 0h12v24H10z" clip-rule="evenodd"/><path fill="#fd1900" fill-rule="evenodd" d="m21.719 19.614l-1.054.575l-3.49-6.388l1.053-.576zm-11.205.154l1.053.575l3.49-6.389l-1.053-.575z" clip-rule="evenodd"/><path fill="#a77b3b" fill-rule="evenodd" d="M11.378 9.389v5.551c0 1.234-1.062 2.84-1.597 3.439c-.536.597-1.6 1.967-1.6 1.967V5.408c0-1.675 1.6-2.25 1.6-2.25s1.327.262 1.597 2.25v1.938c.411.324 1.783 1.317 2.67.898c1.053-.498 1.416-1.925 1.416-1.925s-.098-1.44-.53-1.44s-.467-2.028 1.188-2.028c1.654 0 1.847.782 1.847 1.405c0 .327-.262.85-.51 1.35c-.227.453-.443.885-.443 1.129c0 .513.387 1.509.953 1.509c.397 0 2.307-.742 3.412-1.186v-1.65c.27-1.988 1.598-2.25 1.598-2.25s1.6.575 1.6 2.25v14.938s-1.065-1.37-1.6-1.967c-.536-.598-1.598-2.206-1.598-3.439V9.39zm1.772 10.443c1.082-.704 2.664-3.862 2.664-3.862l.525.122s.802 2.092 3.16 3.74c-2.513.671-3.16 2.018-3.16 2.018c0-1.078-3.189-2.018-3.189-2.018m-.174-1.999c.729 0 1.32-.56 1.32-1.25s-.591-1.25-1.32-1.25s-1.32.56-1.32 1.25s.591 1.25 1.32 1.25m7.744-1.25c0 .69-.591 1.25-1.32 1.25s-1.32-.56-1.32-1.25s.591-1.25 1.32-1.25s1.32.56 1.32 1.25" clip-rule="evenodd"/><path fill="#fdff00" d="m25.14 10.408l.918.396l-3.74 8.652l-.918-.396z"/><path fill="#e1e5e8" fill-rule="evenodd" d="M11.04 7.833H21.6v7.64s-2.687.809-5.28 2.137c-1.914-1.42-5.28-2.138-5.28-2.138z" clip-rule="evenodd" opacity=".3"/><mask id="SVGEJsFIcVJ" width="11" height="11" x="11" y="7" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" fill-rule="evenodd" d="M11.04 7.833H21.6v7.64s-2.687.809-5.28 2.137c-1.914-1.42-5.28-2.138-5.28-2.138z" clip-rule="evenodd"/></mask><g mask="url(#SVGEJsFIcVJ)"><path fill="#3d58db" d="M11.04 12.833H21.6v5H11.04z"/><path fill="#fd1900" d="M11.04 7.833H21.6v5H11.04z"/><path fill="#fdff00" fill-rule="evenodd" d="m15.787 10.082l-.8.066l.461-.622l-.492-.645l.805.103l.308-.71l.343.726l.8-.067l-.462.623l.492.645l-.804-.104l-.308.711z" clip-rule="evenodd"/><path fill="#fdff00" fill-rule="evenodd" d="M14.35 8.672s-2.15 1.308-1.433 2.247s1.619 1.059 1.619 1.059s-2.2 3.299 1.671 5.184c4.144-1.82 1.965-5.184 1.965-5.184s1.275-.283 1.53-1.298s-1.667-2.18-1.667-2.18s1.2 1.74.926 2.18s-1.74.89-2.754.89c-1.013 0-2.578-.284-2.83-1.055s.973-1.843.973-1.843" clip-rule="evenodd"/><path fill="#fdff00" fill-rule="evenodd" d="m12.36 12l1.32.833l-1.32.834l-1.32-.834zm7.92 0l1.32.833l-1.32.834l-1.32-.834zm-7.96 3.3a.4.4 0 1 0 0-.8a.4.4 0 0 0 0 .8m8.51-.757c-.343-.278-.87-.197-1.175.18c-.306.378-.276.91.067 1.188c.187.15.09-.45.372-.832c.237-.32.893-.41.736-.536" clip-rule="evenodd"/></g><path fill="#048f02" fill-rule="evenodd" d="M4.737 11.529s1.054 1.246 2.046.839c.993-.408.752-1.869.752-1.869l-.752.683h-.64v.347l-.5-.347v.347zm.713 1.915s1.284 1.12 2.15.804s.648-1.833.648-1.833l-.752.682h-.64v.347l-.5-.347v.347zm3.46 2.543c-.866.317-2.151-.804-2.151-.804h.907v-.347l.5.347v-.347h.64l.752-.683s.217 1.517-.649 1.834" clip-rule="evenodd"/><path fill="#fdff00" fill-rule="evenodd" d="M13.98 2.248h-1v.596h-.471v1h.47V5.59h1V3.844h.573v-1h-.573z" clip-rule="evenodd"/><path fill="#db4400" fill-rule="evenodd" d="m15.158 3.385l-2.316.596l2.316.732z" clip-rule="evenodd"/></g></svg>Comment utiliser l'icône Md
React
import { Icon } from "@iconify/react";
<Icon icon="flagpack:md" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flagpack:md" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flagpack:md" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flagpack--md]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flagpack -->
<div class="i-flagpack:md"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flagpack:md"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/flagpack/md.svg" alt="Icône Md" width="24" height="24">L'icône Md dans d'autres collections
FAQ : Icône Md
L'icône Md est-elle gratuite pour un usage commercial ?
Oui. Les Flagpack icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Md dans React ?
Installez @iconify/react et affichez <Icon icon="flagpack:md" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Md à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/flagpack/md.svg" alt="Icône Md">, ou collez le code SVG directement dans la page pour le styliser en CSS.