Icône Mic

flat-ui:mic

L'icône Mic (flat-ui:mic) est une icône SVG gratuite de la collection Flat UI Icons par Designmodo, Inc.. Elle est dessinée sur une grille de 100 × 100. Les Flat UI 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.

Collection: Flat UI Icons
Auteur: Designmodo, Inc.
Licence: MIT
Taille: 100 × 100

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="#EBF0F1" d="M49.985 0c27.619 0 50.009 22.39 50.009 50.009s-22.391 49.993-50.009 49.993S.007 77.628.007 50.009S22.366 0 49.985 0"/><defs><path id="SVG2k8lq8lf" d="M49.985 0c27.619 0 50.009 22.39 50.009 50.009s-22.391 49.993-50.009 49.993S.007 77.628.007 50.009S22.366 0 49.985 0"/><path id="SVGc8Be7cNI" d="M50.009 9.007c9.94 0 18 8.059 18 18v34c0 9.941-8.06 18-18 18c-9.941 0-18-8.059-18-18v-34c0-9.941 8.059-18 18-18"/></defs><clipPath id="SVGh6piEeSu"><use href="#SVG2k8lq8lf"/></clipPath><g clip-path="url(#SVGh6piEeSu)"><path fill="#1C3C50" d="M27.966 60.007h44.059v-4H28.001z"/><path fill="#23475F" d="M78.009 60.796v-7.062c0-1.508-1.526-2.729-3.022-2.729s-2.959 1.224-2.959 2.729v7.062c0 12.544-9.567 22.249-22.019 22.249S27.96 73.34 27.96 60.796l.062-7.062c0-1.508-1.557-2.729-3.054-2.729s-2.96 1.224-2.96 2.729v7.062c0 14.188 10.454 25.96 24.009 27.917v11.303H32.912v.016c-2.172.007-3.931 1.854-3.931 3.979s1.76 4.014 3.931 4.02h34.154v-.004c2.164-.017 3.912-1.897 3.912-4.018c0-2.117-1.748-3.959-3.912-3.976v-.019H54.003V88.713c13.554-1.959 24.006-13.729 24.006-27.917"/><path fill="#BCC4C8" d="M50.009 9.007c9.94 0 18 8.059 18 18v34c0 9.941-8.06 18-18 18c-9.941 0-18-8.059-18-18v-34c0-9.941 8.059-18 18-18"/><path fill="#1C3C50" d="M68.004 57.007v4H32.035v-3.999l-.026-.001v4c0 9.941 8.059 18 18 18c9.94 0 18-8.059 18-18v-4z"/><path fill="#DF3627" d="M32.035 55.007h35.969v6H32.035z"/><path fill="#A9B0B4" d="M32.009 27.007v34c0 9.941 8.059 18 18 18v-70c-9.941 0-18 8.059-18 18"/><path fill="#C83021" d="M32.035 55.007h17.974v6H32.035z"/><path fill="#193648" d="M32.035 61.007v-3.999l-.026-.001v4c0 9.941 8.059 18 18 18v-18z"/><defs><use href="#SVGc8Be7cNI" id="SVGpnNZObbb"/></defs><defs/><clipPath id="SVGuw57oeJZ"><use href="#SVGpnNZObbb"/></clipPath><clipPath id="SVGVW2Ekbtd" clip-path="url(#SVGuw57oeJZ)"><use href="#SVGpnNZObbb"/></clipPath><path fill="#7A8D8E" d="M78.009 44.007h-20a3 3 0 1 0 0 6h20a3 3 0 1 0 0-6m0-9h-20a3 3 0 1 0 0 6h20a3 3 0 1 0 0-6m0-9h-20a3 3 0 1 0 0 6h20a3 3 0 1 0 0-6m-20-3h20a3 3 0 1 0 0-6h-20a3 3 0 0 0 0 6" clip-path="url(#SVGVW2Ekbtd)"/><path fill="#1C3C50" d="M50.008 89.005a28 28 0 0 1-4-.292v2.295h8v-2.295a28 28 0 0 1-4 .292" clip-path="url(#SVGVW2Ekbtd)"/><path fill="#6E7F80" d="M42.009 44.007h-20a3 3 0 1 0 0 6h20a3 3 0 1 0 0-6m0-9h-20a3 3 0 1 0 0 6h20a3 3 0 1 0 0-6m0-9h-20a3 3 0 1 0 0 6h20a3 3 0 1 0 0-6m-20-3h20a3 3 0 1 0 0-6h-20a3 3 0 0 0 0 6" clip-path="url(#SVGVW2Ekbtd)"/></g></svg>

Comment utiliser l'icône Mic

React

import { Icon } from "@iconify/react";

<Icon icon="flat-ui:mic" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="flat-ui:mic" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="flat-ui:mic" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--mic]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:mic"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="flat-ui:mic"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/flat-ui/mic.svg" alt="Icône Mic" width="24" height="24">

L'icône Mic dans d'autres collections

FAQ : Icône Mic

L'icône Mic est-elle gratuite pour un usage commercial ?

Oui. Les Flat UI Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Mic dans React ?

Installez @iconify/react et affichez <Icon icon="flat-ui:mic" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Mic à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/flat-ui/mic.svg" alt="Icône Mic">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Flat UI Icons →