Icône Castopod
thesvg-color:castopod
L'icône Castopod (thesvg-color:castopod) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 59 × 40. 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
- 59 × 40
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="59" height="40" viewBox="0 0 59 40"><path fill="#009486" d="M53.024 38.23H43.55s-.35-.726-.728-1.423c-.38-.697-1.283-.668-1.283-.668H17.403s-.875-.116-1.312.668a17 17 0 0 0-.758 1.422H6.005c-2.011 0-3.673-1.625-3.673-3.628V5.893c0-2.003 1.632-3.658 3.644-3.658h47.02c2.01 0 3.672 1.626 3.672 3.629v28.708c.03 2.003-1.632 3.657-3.644 3.657Z"/><path fill="#e7f9e4" d="M41.889 10.014H17.082c-4.256 0-7.725 3.484-7.725 7.722s3.47 7.692 7.725 7.692h24.807c4.256 0 7.725-3.454 7.725-7.692a7.655 7.655 0 0 0-7.725-7.722m-21.98 9.928s-1.136-.842-2.74-.842c-1.195 0-2.594.726-2.594.726a3.33 3.33 0 0 1-.612-1.916a3.315 3.315 0 0 1 3.323-3.31a3.315 3.315 0 0 1 3.323 3.31c0 .784-.262 1.48-.7 2.032m9.591 1.916c-3.644 0-3.498-2.787-3.498-2.787c-.058-.522.612-.697.845-.377c.117.174.117.174.204.493c.496 1.713 2.449 1.626 2.449 1.626s1.953.116 2.449-1.626c.087-.29.087-.32.204-.493c.233-.29.903-.145.845.377c0 0 .146 2.787-3.498 2.787m14.896-2.003s-1.4-.726-2.595-.726c-1.603 0-2.74.842-2.74.842a3.24 3.24 0 0 1-.7-2.032a3.315 3.315 0 0 1 3.324-3.31a3.315 3.315 0 0 1 3.323 3.31a3 3 0 0 1-.612 1.916"/><path fill="#009486" d="M41.714 14.63a3.315 3.315 0 0 0-3.323 3.309c0 .755.262 1.451.7 2.032c0 0 1.136-.842 2.74-.842c1.195 0 2.594.726 2.594.726c.379-.552.612-1.19.612-1.916a3.315 3.315 0 0 0-3.323-3.31Zm-24.428 0a3.315 3.315 0 0 0-3.323 3.309c0 .726.233 1.364.612 1.916c0 0 1.4-.726 2.594-.726c1.604 0 2.74.842 2.74.842c.438-.552.7-1.248.7-2.032a3.315 3.315 0 0 0-3.323-3.31Z"/><path fill="#e7f9e4" d="M13.73 6.763c-1.837-.493-3.41.61-4.285 2.12c-.204.348-.059.638.145.754c.292.087.496.03.817-.435c.641-1.132 1.72-1.77 2.944-1.539c0 0 .845.262.962-.29c.087-.348-.233-.522-.583-.61m32.881 1.162c-.03.551.845.551.845.551c1.225.116 1.983.668 2.274 1.945c.175.551.35.639.67.639c.234-.03.467-.29.35-.697c-.408-1.684-1.486-2.845-3.41-2.874c-.35-.029-.7.058-.729.436"/></svg>Comment utiliser l'icône Castopod
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:castopod" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:castopod" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:castopod" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--castopod]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:castopod"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:castopod"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/castopod.svg" alt="Icône Castopod" width="24" height="24">L'icône Castopod dans d'autres collections
FAQ : Icône Castopod
L'icône Castopod 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 Castopod dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:castopod" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Castopod à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/castopod.svg" alt="Icône Castopod">, ou collez le code SVG directement dans la page pour le styliser en CSS.