ICONYZ
Français
Icône Invert Colors Off de Material Design Iconic Font

Icône Invert Colors Off

zmdi:invert-colors-off

L'icône Invert Colors Off (zmdi:invert-colors-off) est une icône SVG gratuite de la collection Material Design Iconic Font par MDI Community. Elle est dessinée sur une grille de 384 × 432. Les Material Design Iconic Font icons sont publiées sous la Open Font License, 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 Iconic Font
Auteur
MDI Community
Licence
OFL-1.1
Taille
384 × 432
Mots-clés
invertcolors, colorsoff, invertcolorsoff, color
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="384" height="432" viewBox="0 0 384 432"><path fill="currentColor" d="m377 397l7 8l-27 27l-58-58q-46 38-107 38q-71 0-121-50q-46-46-49.5-112T59 134L0 75l27-27l59 59l30 30l76 76l134 134zm-185-27V267L90 165q-26 34-26 77q0 53 38 90q37 38 90 38m0-309l-49 48l-30-30l79-79l121 121q38 39 47 92.5T347 313L192 159z"/></svg>

Comment utiliser l'icône Invert Colors Off

React

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

<Icon icon="zmdi:invert-colors-off" width="24" />

Vue

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

<template>
  <Icon icon="zmdi:invert-colors-off" width="24" />
</template>

Svelte

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

<Icon icon="zmdi:invert-colors-off" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--invert-colors-off]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:invert-colors-off"></div>

Web component

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

<iconify-icon icon="zmdi:invert-colors-off"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/zmdi/invert-colors-off.svg" alt="Icône Invert Colors Off" width="24" height="24">

Icônes similaires dans Material Design Iconic Font

L'icône Invert Colors Off dans d'autres collections

FAQ : Icône Invert Colors Off

L'icône Invert Colors Off est-elle gratuite pour un usage commercial ?

Oui. Les Material Design Iconic Font icons sont publiées sous la Open Font License, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Invert Colors Off dans React ?

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

Comment ajouter l'icône Invert Colors Off à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/zmdi/invert-colors-off.svg" alt="Icône Invert Colors Off">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Material Design Iconic Font →