Icône Castopod
selfhst:castopod
L'icône Castopod (selfhst:castopod) est une icône SVG gratuite de la collection selfh.st/icons par selfh.st. Elle est dessinée sur une grille de 512 × 512. Les selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- selfh.st/icons
- Auteur
- selfh.st
- Licence
- CC-BY-4.0
- Taille
- 512 × 512
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#009486" d="M477.7 425.6h-89.3s-3.3-6.8-6.9-13.4s-12.1-6.3-12.1-6.3H142s-8.2-1.1-12.4 6.3c-2.6 4.3-5 8.8-7.1 13.4H34.6C15.7 425.6 0 410.3 0 391.4V120.9C0 102 15.4 86.4 34.3 86.4h443.1c18.9 0 34.6 15.3 34.6 34.2v270.5c.3 18.9-15.4 34.5-34.3 34.5"/><path fill="#e7f9e4" d="M452.9 169.5c-3 0-4.7-.8-6.3-6c-2.7-12-9.9-17.2-21.4-18.3c0 0-8.3 0-8-5.2c.3-3.5 3.6-4.4 6.9-4.2c18.1.3 28.3 11.2 32.1 27.1c1.1 3.9-1.1 6.3-3.3 6.6M68.4 156.2c2.8.8 4.7.3 7.7-4.1c6-10.7 16.2-16.7 27.7-14.5c0 0 8 2.5 9.1-2.7c.8-3.4-2.2-5-5.5-5.8c-17.3-4.6-32.1 5.7-40.4 20c-1.9 3.3-.6 6 1.4 7.1m377.2 76.3c0 40-32.7 72.5-72.8 72.5H139c-40.1 0-72.8-32.5-72.8-72.5s32.7-72.8 72.8-72.8h235.1c39.8.4 71.9 33 71.5 72.8m-273.4 1.8v-.2c0-17.3-14-31.2-31.3-31.2s-31.3 13.9-31.3 31.2v.3c0 6.8 2.2 12.9 5.8 18.1c0 0 13.2-6.8 24.4-6.8c15.1 0 25.8 7.9 25.8 7.9c4.1-5.2 6.6-11.8 6.6-19.1zM289 245c.5-5-5.8-6.3-8-3.6c-1.1 1.6-1.1 1.9-1.9 4.6c-4.7 16.4-23.1 15.3-23.1 15.3s-18.4.8-23.1-15.3c-.8-3-.8-3-1.9-4.6c-2.2-3-8.5-1.3-8 3.6c0 0-1.3 26.3 33 26.3s33-26.2 33-26.3m113.4-10.7c0-17.2-14-31.1-31.3-31.1h-.3c-17.3 0-31.3 13.9-31.3 31.2c0 6.9 2.3 13.7 6.6 19.1c0 0 .1-.1.2-.1l.1.1s10.6-7.8 25.6-7.9c11.3.1 24.4 6.8 24.4 6.8s0-.1.1-.1s.1.1.1.1c3.6-5.2 5.8-11.2 5.8-18.1"/></svg>Comment utiliser l'icône Castopod
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:castopod" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:castopod" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:castopod" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--castopod]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:castopod"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:castopod"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/selfhst/castopod.svg" alt="Icône Castopod" width="24" height="24">Icônes similaires dans selfh.st/icons
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 selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Castopod dans React ?
Installez @iconify/react et affichez <Icon icon="selfhst: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/selfhst/castopod.svg" alt="Icône Castopod">, ou collez le code SVG directement dans la page pour le styliser en CSS.