ICONYZ
Français
Icône Nat Rounded de Material Symbols Light

Icône Nat Rounded

material-symbols-light:nat-rounded

L'icône Nat Rounded (material-symbols-light:nat-rounded) est une icône SVG gratuite de la collection Material Symbols Light par Google. Elle est dessinée sur une grille de 24 × 24. Les Material Symbols Light 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 Symbols Light
Auteur
Google
Licence
Apache-2.0
Taille
24 × 24
Catégorie
Communiquer
Mots-clés
communication, nat, natrounded, nat outline rounded
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="M4.289 14.5q-1.039 0-1.77-.73T1.79 12t.73-1.77t1.77-.73q.898 0 1.583.563q.686.562.87 1.437h3.393q.213 0 .356.143t.144.357t-.144.357t-.356.143H6.742q-.184.875-.87 1.438t-1.584.562m1.059-1.441q.442-.442.442-1.059t-.442-1.059t-1.059-.441t-1.058.441q-.441.442-.441 1.059t.44 1.059t1.06.441t1.058-.441M13.404 12q0-3.292-2.146-5.542T5.919 4.01q-.227-.01-.371-.155T5.404 3.5q0-.213.166-.357q.167-.143.394-.131q3.58.21 5.935 2.648t2.493 5.84h5.893l-1.74-1.746q-.141-.14-.15-.341q-.01-.202.155-.367q.16-.16.354-.16t.354.16l2.388 2.388q.131.132.184.268q.053.137.053.298t-.053.298t-.184.268l-2.388 2.388q-.14.14-.342.153q-.2.012-.366-.153q-.16-.16-.162-.351t.156-.357l1.74-1.746h-5.892q-.138 3.402-2.493 5.84q-2.355 2.439-5.935 2.648q-.227.012-.394-.131q-.166-.144-.166-.357q0-.208.144-.354t.371-.158q3.193-.196 5.339-2.446T13.404 12"/></svg>

Comment utiliser l'icône Nat Rounded

React

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

<Icon icon="material-symbols-light:nat-rounded" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:nat-rounded" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:nat-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--nat-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:nat-rounded"></div>

Web component

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

<iconify-icon icon="material-symbols-light:nat-rounded"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/material-symbols-light/nat-rounded.svg" alt="Icône Nat Rounded" width="24" height="24">

Icônes similaires dans Material Symbols Light

L'icône Nat Rounded dans d'autres collections

FAQ : Icône Nat Rounded

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

Oui. Les Material Symbols Light 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 Nat Rounded dans React ?

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

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

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/material-symbols-light/nat-rounded.svg" alt="Icône Nat Rounded">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Material Symbols Light →