Icône Plotly
thesvg:plotly
L'icône Plotly (thesvg:plotly) 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" d="M1.713.002A1.713 1.713 0 0 0 0 1.715a1.713 1.713 0 0 0 1.713 1.713a1.713 1.713 0 0 0 1.714-1.713A1.713 1.713 0 0 0 1.713.002m6.861 0a1.713 1.713 0 0 0-1.713 1.713a1.713 1.713 0 0 0 1.713 1.713a1.713 1.713 0 0 0 1.713-1.713A1.713 1.713 0 0 0 8.574.002m6.857 0a1.713 1.713 0 0 0-1.714 1.713a1.713 1.713 0 0 0 1.714 1.713a1.713 1.713 0 0 0 1.713-1.713A1.713 1.713 0 0 0 15.431.002m6.856 0a1.713 1.713 0 0 0-1.713 1.713a1.713 1.713 0 0 0 1.713 1.713A1.713 1.713 0 0 0 24 1.715A1.713 1.713 0 0 0 22.287.002M1.713 6.859A1.713 1.713 0 0 0 0 8.572a1.713 1.713 0 0 0 1.713 1.713a1.713 1.713 0 0 0 1.714-1.713A1.713 1.713 0 0 0 1.713 6.86Zm6.861 0a1.71 1.71 0 0 0-1.713 1.713v13.713c0 .947.765 1.713 1.713 1.713s1.713-.766 1.713-1.713V8.572a1.71 1.71 0 0 0-1.713-1.713m6.857 0a1.713 1.713 0 0 0-1.714 1.713a1.713 1.713 0 0 0 1.714 1.713a1.713 1.713 0 0 0 1.713-1.713a1.713 1.713 0 0 0-1.713-1.713m6.856 0c-.947 0-1.713.765-1.713 1.713v13.713c0 .947.766 1.713 1.713 1.713S24 23.232 24 22.285V8.572a1.71 1.71 0 0 0-1.713-1.713M1.713 13.715C.766 13.715 0 14.48 0 15.428v6.857a1.713 1.713 0 1 0 3.427 0v-6.857c0-.948-.766-1.713-1.714-1.713m13.718 0c-.948 0-1.714.765-1.714 1.713v6.857c0 .947.766 1.713 1.714 1.713c.947 0 1.713-.766 1.713-1.713v-6.857c0-.948-.766-1.713-1.713-1.713"/></svg>Comment utiliser l'icône Plotly
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:plotly" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:plotly" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:plotly" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--plotly]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:plotly"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:plotly"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg/plotly.svg" alt="Icône Plotly" width="24" height="24">L'icône Plotly dans d'autres collections
FAQ : Icône Plotly
L'icône Plotly 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 Plotly dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg:plotly" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Plotly à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg/plotly.svg" alt="Icône Plotly">, ou collez le code SVG directement dans la page pour le styliser en CSS.