ICONYZ
Français
Icône Unicode de Material Design Icons

Icône Unicode

mdi:unicode

L'icône Unicode (mdi:unicode) est une icône SVG gratuite de la collection Material Design Icons par Pictogrammers. Elle est dessinée sur une grille de 24 × 24. Les Material Design Icons sont publiées sous la licence Apache 2.0, 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
Material Design Icons
Auteur
Pictogrammers
Licence
Apache-2.0
Taille
24 × 24
Catégorie
Développement et langages, Marques et logos
Mots-clés
developer, languages, brand, logo
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="M22 6a1.46 1.46 0 0 1-1.46 1.44A1.46 1.46 0 0 1 19.09 6a1.46 1.46 0 0 1 1.45-1.5A1.46 1.46 0 0 1 22 6m-.44 2.86h-2.03c-.13-.01-.19.05-.19.14v3.59c0 .49 0 .91.01 1.27l.02.9c.01.24.02.45.02.63c.01.17.01.33.01.47h-.02c-.12-.26-.31-.64-.56-1.12c-.24-.47-.53-1.02-.85-1.63c-.33-.61-.68-1.27-1.05-1.96c-.37-.68-.74-1.37-1.11-2.04c-.36-.68-.72-1.33-1.06-1.95q-.525-.93-.9-1.62c-.03-.04-.06-.1-.08-.12c-.03-.02-.09-.03-.17-.03h-2.98c-.12 0-.15.05-.15.15h.03c-.03.02-.03.03-.03.04v8.26c0 .66-.07 1.16-.22 1.61c-.15.43-.35.78-.61 1.05c-.26.25-.57.43-.92.55c-.36.11-.72.17-1.16.17c-1.02 0-1.77-.31-2.26-.91c-.5-.61-.74-1.42-.74-2.43V5.56c0-.11-.06-.17-.17-.17H2.17c-.11 0-.17.06-.17.19v8.49c0 .93.13 1.71.38 2.39c.25.67.62 1.23 1.12 1.68c.46.44 1.03.78 1.71 1s1.43.36 2.26.36c.77 0 1.5-.12 2.18-.33c.69-.2 1.28-.53 1.77-.97c.49-.45.88-1.02 1.17-1.7c.29-.71.44-1.55.44-2.54V8.62c.11.24.25.53.41.85c.29.58.61 1.21.98 1.91s.75 1.42 1.16 2.18c.42.76.81 1.5 1.19 2.2c.39.7.73 1.35 1.06 1.94c.32.59.57 1.06.75 1.42c.05.1.15.15.27.15h2.69c.14 0 .21-.07.21-.19V9.05c0-.13-.07-.2-.19-.2Z"/></svg>

Comment utiliser l'icône Unicode

React

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

<Icon icon="mdi:unicode" width="24" />

Vue

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

<template>
  <Icon icon="mdi:unicode" width="24" />
</template>

Svelte

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

<Icon icon="mdi:unicode" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--unicode]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:unicode"></div>

Web component

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

<iconify-icon icon="mdi:unicode"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/mdi/unicode.svg" alt="Icône Unicode" width="24" height="24">

L'icône Unicode dans d'autres collections

FAQ : Icône Unicode

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

Oui. Les Material Design Icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Unicode dans React ?

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

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

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

Voir toutes les Material Design Icons →