Icône Deepinfra
thesvg:deepinfra
L'icône Deepinfra (thesvg:deepinfra) est une icône SVG gratuite de la collection theSVG par thesvg.org. Elle est dessinée sur une grille de 24 × 24. Les theSVG 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
- theSVG
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 24 × 24
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3.294 7.821A2.297 2.297 0 0 1 1 5.527a2.297 2.297 0 0 1 2.294-2.295A2.297 2.297 0 0 1 5.59 5.527A2.297 2.297 0 0 1 3.294 7.82zm0-3.688a1.396 1.396 0 0 0 0 2.79a1.396 1.396 0 0 0 0-2.79m0 10.16A2.297 2.297 0 0 1 1 11.998a2.297 2.297 0 0 1 2.294-2.294a2.297 2.297 0 0 1 2.295 2.294a2.297 2.297 0 0 1-2.295 2.295m0-3.688a1.395 1.395 0 0 0 0 2.788a1.395 1.395 0 1 0 0-2.788m0 10.156A2.297 2.297 0 0 1 1 18.467a2.297 2.297 0 0 1 2.294-2.295a2.297 2.297 0 0 1 2.295 2.295a2.297 2.297 0 0 1-2.295 2.294m0-3.688a1.396 1.396 0 0 0 0 2.79a1.396 1.396 0 0 0 0-2.79m17.444-9.252a2.297 2.297 0 0 1-2.295-2.294a2.297 2.297 0 0 1 2.294-2.295a2.297 2.297 0 0 1 2.295 2.295a2.297 2.297 0 0 1-2.294 2.294m0-3.688a1.396 1.396 0 1 0 1.395 1.395c0-.77-.626-1.395-1.395-1.395m0 10.16a2.297 2.297 0 0 1-2.295-2.295a2.297 2.297 0 0 1 2.294-2.294a2.297 2.297 0 0 1 2.295 2.294a2.297 2.297 0 0 1-2.294 2.295m0-3.688c-.769 0-1.395.625-1.395 1.393a1.396 1.396 0 0 0 2.79 0c0-.77-.626-1.393-1.395-1.393m0 10.156a2.297 2.297 0 0 1-2.295-2.294a2.297 2.297 0 0 1 2.294-2.295a2.297 2.297 0 0 1 2.295 2.295a2.297 2.297 0 0 1-2.294 2.294m0-3.688a1.396 1.396 0 1 0 1.395 1.395c0-.77-.626-1.395-1.395-1.395m-8.722-6.016a2.297 2.297 0 0 1-2.294-2.294a2.297 2.297 0 0 1 2.294-2.295a2.297 2.297 0 0 1 2.295 2.295a2.297 2.297 0 0 1-2.295 2.294m0-3.688a1.396 1.396 0 1 0 1.395 1.395c0-.77-.625-1.395-1.395-1.395m.001-2.78a2.297 2.297 0 0 1-2.295-2.295A2.297 2.297 0 0 1 12.017 0a2.297 2.297 0 0 1 2.294 2.294a2.297 2.297 0 0 1-2.294 2.295m0-3.688a1.396 1.396 0 1 0 1.395 1.395c0-.77-.626-1.395-1.395-1.395m0 16.628a2.297 2.297 0 0 1-2.295-2.295a2.297 2.297 0 0 1 2.295-2.294a2.297 2.297 0 0 1 2.294 2.294a2.297 2.297 0 0 1-2.294 2.295m0-3.688a1.396 1.396 0 1 0 1.395 1.395c0-.77-.626-1.395-1.395-1.395M12.016 24a2.297 2.297 0 0 1-2.294-2.295a2.297 2.297 0 0 1 2.294-2.294a2.297 2.297 0 0 1 2.295 2.294A2.297 2.297 0 0 1 12.016 24m0-3.688a1.396 1.396 0 1 0 1.395 1.395c0-.77-.625-1.395-1.395-1.395M8.363 8.222a.7.7 0 0 1-.277-.053l-1.494-.596a.75.75 0 1 1 .557-1.392l1.493.595a.75.75 0 0 1-.278 1.446zm0 6.344a.7.7 0 0 1-.277-.053l-1.494-.595a.75.75 0 1 1 .557-1.393l1.493.596a.75.75 0 0 1-.278 1.445zm8.761-3.169a.7.7 0 0 1-.277-.054l-1.493-.595a.75.75 0 1 1 .555-1.392l1.493.595a.75.75 0 0 1-.278 1.446m0-6.347a.7.7 0 0 1-.277-.054L15.354 4.4a.75.75 0 0 1 .555-1.392l1.493.596a.75.75 0 0 1-.278 1.445zm0 12.689a.7.7 0 0 1-.277-.053l-1.494-.596a.75.75 0 1 1 .556-1.392l1.493.596a.75.75 0 0 1-.278 1.445m-10.214.227a.75.75 0 0 1-.279-1.445l1.494-.595a.749.749 0 1 1 .556 1.392l-1.493.595a.7.7 0 0 1-.277.053zm0-6.306a.75.75 0 0 1-.279-1.446l1.494-.595a.75.75 0 0 1 .556 1.392l-1.493.595a.7.7 0 0 1-.277.053zm0-6.627a.75.75 0 0 1-.279-1.446l1.494-.595a.75.75 0 0 1 .556 1.392l-1.493.596a.7.7 0 0 1-.277.053zm1.453 16.331a.7.7 0 0 1-.277-.053l-1.494-.596a.75.75 0 0 1 .555-1.392l1.494.595a.75.75 0 0 1-.278 1.446M15.63 8.223a.75.75 0 0 1-.278-1.447l1.494-.595a.75.75 0 0 1 .556 1.393l-1.494.595a.7.7 0 0 1-.276.054zm0 6.344a.75.75 0 0 1-.278-1.446l1.494-.596a.75.75 0 0 1 .556 1.394l-1.494.595a.7.7 0 0 1-.276.053zm0 6.796a.749.749 0 0 1-.278-1.445l1.494-.595a.75.75 0 1 1 .555 1.392l-1.494.595a.7.7 0 0 1-.277.053"/></svg>Comment utiliser l'icône Deepinfra
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:deepinfra" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:deepinfra" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:deepinfra" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--deepinfra]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:deepinfra"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:deepinfra"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg/deepinfra.svg" alt="Icône Deepinfra" width="24" height="24">L'icône Deepinfra dans d'autres collections
FAQ : Icône Deepinfra
L'icône Deepinfra est-elle gratuite pour un usage commercial ?
Oui. Les theSVG icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Deepinfra dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg:deepinfra" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Deepinfra à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg/deepinfra.svg" alt="Icône Deepinfra">, ou collez le code SVG directement dans la page pour le styliser en CSS.