Icône Keda Dark
thesvg-color:keda-dark
L'icône Keda Dark (thesvg-color:keda-dark) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 625 × 625. Les theSVG Color 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 Color
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 625 × 625
- Mots-clés
- kedadark
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="625" height="625" viewBox="0 0 625 625"><path fill="none" stroke="#fff" stroke-width="30" d="M522.24 172.9c-1.86-5.44-6.28-10.35-12.36-13.63L318.77 68.71l-.11-.06c-2.07-1-5.08-1.55-9-1.55c-3.56 0-5.14 0-7 .13a35 35 0 0 0-3.85.42l-189.72 90.51l-.17.08A18.47 18.47 0 0 0 98.41 171L51.47 374.84a23.88 23.88 0 0 0 4.13 17.75l131.48 161a31 31 0 0 0 18.28 8.21h211.1l.82.09c5.8.64 11.32-1.88 15.16-7.06l.21-.28l132.26-161.96a27 27 0 0 0 4.65-18.18Z"/><g fill="#fff"><circle cx="438" cy="553" r="39"/><circle cx="196" cy="553" r="39"/><circle cx="307" cy="73" r="39"/><circle cx="518" cy="165" r="39"/><circle cx="100" cy="165" r="39"/><circle cx="567" cy="384" r="39"/><circle cx="59" cy="384" r="39"/></g><path fill="#fff" d="m195.77 367l-23-41.09l-6.93 7.06v34h-18V277.1h18v29l26.32-29h24.26L185 312.28L217.21 367Zm99.89-89.87v18h-60v-18Zm-60 52.63v-18h49.68v18Zm0 37.37v-18h59.57v18Zm78.43-90h25.43a44.2 44.2 0 0 1 31.7 13.09a42.65 42.65 0 0 1 9.63 14.38a44.46 44.46 0 0 1 0 35.05a41 41 0 0 1-9.63 14.25a45.05 45.05 0 0 1-31.7 13.23h-18.04V367h-7.34Zm18 72h7.45a27 27 0 0 0 0-54.05h-7.45Zm102.61-72h5.3l42.49 90h-19.91l-25.68-54.72l-27.85 54.69h-20.16Z"/><path fill="none" stroke="#fff" d="m446.72 363.34l4.87-8.72h-18.84l5.63-39.07l-.28-.52l-29.79 53.96h.01l-.9 1.6l19.12-.15l-5.08 38.42l.12.5l23.08-42.27h-.01z"/><path fill="#fff" d="m444.66 367.09l6.88-12.45h-18.8l5.9-40.51l-29.28 53h-6.45l34-63.7l33.95 63.7Z"/></svg>Comment utiliser l'icône Keda Dark
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:keda-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:keda-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:keda-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--keda-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:keda-dark"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:keda-dark"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/keda-dark.svg" alt="Icône Keda Dark" width="24" height="24">Icônes similaires dans theSVG Color
FAQ : Icône Keda Dark
L'icône Keda Dark est-elle gratuite pour un usage commercial ?
Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Keda Dark dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:keda-dark" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Keda Dark à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/keda-dark.svg" alt="Icône Keda Dark">, ou collez le code SVG directement dans la page pour le styliser en CSS.