Icône Mail Dot Fill

keyline-icons:mail-dot-fill

L'icône Mail Dot Fill (keyline-icons:mail-dot-fill) est une icône SVG gratuite de la collection Keyline Icons. Elle est dessinée sur une grille de 24 × 24. Les Keyline 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: Keyline Icons
Auteur: Keyline Icons
Licence: MIT
Taille: 24 × 24
Mots-clés: maildot, dotfill, maildotfill

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M2 7C2 5.34315 3.34315 4 5 4H19C20.6569 4 22 5.34315 22 7L12.7071 11C12.2846 11.2817 11.7154 11.2817 11.2929 11ZM23 17C23 19.2091 21.2091 21 19 21C16.7909 21 15 19.2091 15 17C15 14.7909 16.7909 13 19 13C21.2091 13 23 14.7909 23 17ZM19 15C17.8954 15 17 15.8954 17 17C17 18.1046 17.8954 19 19 19C20.1046 19 21 18.1046 21 17C21 15.8954 20.1046 15 19 15Z" stroke="none"/><path d="M12 20H5C3.34315 20 2 18.6569 2 17V7C2 5.34315 3.34315 4 5 4H19C20.6569 4 22 5.34315 22 7V10M2 7L11.2929 11C11.7154 11.2817 12.2846 11.2817 12.7071 11L22 7"/></g></svg>

Comment utiliser l'icône Mail Dot Fill

React

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

<Icon icon="keyline-icons:mail-dot-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:mail-dot-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:mail-dot-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--mail-dot-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:mail-dot-fill"></div>

Web component

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

<iconify-icon icon="keyline-icons:mail-dot-fill"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/mail-dot-fill.svg" alt="Icône Mail Dot Fill" width="24" height="24">

Icônes similaires dans Keyline Icons

FAQ : Icône Mail Dot Fill

L'icône Mail Dot Fill est-elle gratuite pour un usage commercial ?

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

Comment utiliser l'icône Mail Dot Fill dans React ?

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

Comment ajouter l'icône Mail Dot Fill à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/keyline-icons/mail-dot-fill.svg" alt="Icône Mail Dot Fill">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Keyline Icons →