ICONYZ
Français
Icône Envelope Letter Front de Freehand free icons

Icône Envelope Letter Front

streamline-freehand:envelope-letter-front

L'icône Envelope Letter Front (streamline-freehand:envelope-letter-front) est une icône SVG gratuite de la collection Freehand free icons par Streamline. Elle est dessinée sur une grille de 24 × 24. Les Freehand free icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Freehand free icons
Auteur
Streamline
Licence
CC-BY-4.0
Taille
24 × 24
Catégorie
E-mails et messages
Mots-clés
envelopeletter, letterfront, envelopeletterfront
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M23.578 5.096a2.73 2.73 0 0 0-.71-1.43a4.2 4.2 0 0 0-1.62-.34a99 99 0 0 0-11.884.07c-4.018.26-7.657.79-8.806 1.61a1.12 1.12 0 0 0-.35.68a26 26 0 0 0-.2 3.918a93 93 0 0 0 .5 10.085a.31.31 0 1 0 .61-.11c-.15-.95-.29-3.998-.31-7.106a56 56 0 0 1 .2-6.108c1.64 1.1 4.878 3.249 7.527 4.688l1.459.72c.784.43 1.642.707 2.529.82c.403-.065.79-.208 1.14-.42q.407-.219.789-.48l1.44-1c.34-.25.669-.49.999-.77a44.3 44.3 0 0 0 5.428-4.917c0 .11.07.24.1.38c.29 1.565.428 3.155.41 4.748a65 65 0 0 1-.36 8.166c0 .22-.07.45-.1.58h-.69c-1.79.18-5.598.46-9.476.7c-4.388.27-8.856.5-10.555.54a.35.35 0 0 0-.35.349a.36.36 0 0 0 .36.35c2.269 0 9.445-.29 14.823-.58c2.559-.13 4.708-.27 5.728-.37c.295-.016.585-.08.86-.19a.6.6 0 0 0 .239-.3c.11-.303.183-.619.22-.94c.333-2.765.49-5.55.47-8.335a26 26 0 0 0-.42-5.008M17.25 8.374c-1.23.92-2.48 1.78-3.439 2.36c-.41.301-.87.528-1.36.669a3.8 3.8 0 0 1-1.269-.4c-.9-.37-2.059-.94-3.288-1.59c-2.55-1.309-5.368-2.918-6.757-3.728c1.18-.69 4.568-1 8.286-1.199a106 106 0 0 1 11.735 0h.62a39 39 0 0 1-4.528 3.888"/><path fill="currentColor" d="M17.68 14.412c.34.33.69.65 1 .95c1 .929 2 1.739 2.459 2.188a.36.36 0 0 0 .5 0a.35.35 0 0 0 0-.5c-.43-.51-1.23-1.459-2.18-2.488q-.48-.51-.999-1c-.34-.33-.69-.66-1-1s-.809-.68-1.189-1c-.69-.469-1.2 0-.71.59c.34.37.71.78 1.12 1.2s.66.73 1 1.06m-13.085.939A40 40 0 0 0 1.658 18.6a.351.351 0 0 0 .53.46c.59-.6 1.689-1.51 2.888-2.58c.63-.569 1.29-1.169 1.9-1.789s1.419-1.519 1.998-2.209c.58-.69-.14-1-.82-.39c-.519.46-1.079.94-1.669 1.47s-1.279 1.19-1.889 1.79"/></svg>

Comment utiliser l'icône Envelope Letter Front

React

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

<Icon icon="streamline-freehand:envelope-letter-front" width="24" />

Vue

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

<template>
  <Icon icon="streamline-freehand:envelope-letter-front" width="24" />
</template>

Svelte

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

<Icon icon="streamline-freehand:envelope-letter-front" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--envelope-letter-front]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:envelope-letter-front"></div>

Web component

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

<iconify-icon icon="streamline-freehand:envelope-letter-front"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/streamline-freehand/envelope-letter-front.svg" alt="Icône Envelope Letter Front" width="24" height="24">

Icônes similaires dans Freehand free icons

L'icône Envelope Letter Front dans d'autres collections

FAQ : Icône Envelope Letter Front

L'icône Envelope Letter Front est-elle gratuite pour un usage commercial ?

Oui. Les Freehand free icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Envelope Letter Front dans React ?

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

Comment ajouter l'icône Envelope Letter Front à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-freehand/envelope-letter-front.svg" alt="Icône Envelope Letter Front">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Freehand free icons →