ICONYZ
Français
Icône Translate 32 Filled de Fluent UI System Icons

Icône Translate 32 Filled

fluent:translate-32-filled

L'icône Translate 32 Filled (fluent:translate-32-filled) est une icône SVG gratuite de la collection Fluent UI System Icons par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent UI System 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
Fluent UI System Icons
Auteur
Microsoft Corporation
Licence
MIT
Taille
32 × 32
Mots-clés
translatefilled
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M11.994 18.798C10.692 19.378 8.908 20 7.25 20C4.36 20 2 17.65 2 14.75S4.36 9.5 7.25 9.5c1.607 0 3.174.36 4.743 1.1v-.36c0-2.07-1.68-3.75-3.75-3.75c-1.67 0-3.43.86-3.44.87c-.62.31-1.37.05-1.67-.56c-.31-.62-.06-1.37.56-1.67c.09-.05 2.29-1.13 4.56-1.13c3.45 0 6.25 2.8 6.25 6.25v8.5c0 .69-.56 1.25-1.25 1.25l-.01-.01a1.25 1.25 0 0 1-1.249-1.192m-.001-5.368C10.377 12.458 8.853 12 7.25 12c-1.52 0-2.75 1.23-2.75 2.75s1.23 2.75 2.75 2.75c1.697 0 3.745-.955 4.743-1.482zM22.692 25c-.42 0-.83-.21-1.06-.59q-.018-.026-.11-.188c-1.014.526-1.997.778-2.772.778c-2.26 0-3.25-1.68-3.25-3.25c0-1.61.74-3.35 1.97-4.65a7.6 7.6 0 0 1 2.042-1.513v-.097c0-1.126.177-2.374.411-3.53q-1.007.04-2.173.04a1.25 1.25 0 0 1 0-2.5q1.55-.002 2.793-.07c.238-.838.436-1.423.48-1.557l.009-.023a1.25 1.25 0 0 1 2.36.82l-.003.01l-.011.032c-.025.075-.081.246-.158.49c2.13-.263 3.058-.606 3.07-.612c.64-.25 1.36.07 1.62.71c.25.64-.06 1.36-.7 1.61l-.01.003c-.145.055-1.55.578-4.683.878c-.222.97-.416 2.042-.482 3.027q.573-.076 1.215-.078c.43 0 .84.02 1.24.07q0-.14.005-.278q.004-.14.005-.292a1.25 1.25 0 0 1 2.5 0c0 .42-.02.82-.05 1.21c1.92.86 3.05 2.46 3.05 4.54c0 3.21-1.68 6.07-4.61 7.82c-.2.12-.42.18-.64.18V28a1.249 1.249 0 0 1-.64-2.32c2.16-1.29 3.39-3.36 3.39-5.68c0-.93-.43-1.55-1.03-1.96c-.61 2.042-1.683 3.603-2.889 4.724c.083.168.143.276.168.322l.009.017l.003.005v.002a1.252 1.252 0 0 1-1.07 1.9zm-2.167-3.111a19.5 19.5 0 0 1-.81-3.462q-.246.204-.435.403c-.79.83-1.28 1.95-1.28 2.92c0 .75.47.75.75.75c.364 0 1.026-.186 1.775-.611m2.082-1.778a8.2 8.2 0 0 0 1.473-2.821c-.34-.03-.63-.04-.83-.04c-.413 0-.794.036-1.145.099a17.6 17.6 0 0 0 .502 2.762"/></svg>

Comment utiliser l'icône Translate 32 Filled

React

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

<Icon icon="fluent:translate-32-filled" width="24" />

Vue

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

<template>
  <Icon icon="fluent:translate-32-filled" width="24" />
</template>

Svelte

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

<Icon icon="fluent:translate-32-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--translate-32-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:translate-32-filled"></div>

Web component

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

<iconify-icon icon="fluent:translate-32-filled"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/fluent/translate-32-filled.svg" alt="Icône Translate 32 Filled" width="24" height="24">

Icônes similaires dans Fluent UI System Icons

FAQ : Icône Translate 32 Filled

L'icône Translate 32 Filled est-elle gratuite pour un usage commercial ?

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

Comment utiliser l'icône Translate 32 Filled dans React ?

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

Comment ajouter l'icône Translate 32 Filled à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent/translate-32-filled.svg" alt="Icône Translate 32 Filled">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Fluent UI System Icons →