Icône Circus Elephant
streamline-ultimate-color:circus-elephant
L'icône Circus Elephant (streamline-ultimate-color:circus-elephant) est une icône SVG gratuite de la collection Ultimate color icons par Streamline. Elle est dessinée sur une grille de 24 × 24. Les Ultimate color 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
- Ultimate color icons
- Auteur
- Streamline
- Licence
- CC-BY-4.0
- Taille
- 24 × 24
- Catégorie
- Loisirs, événements et hobbies
- Mots-clés
- circuselephant
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#b2b2b2" d="M21.374 1.435A.96.96 0 0 0 20.57 1h-2.354a3.35 3.35 0 0 0-3.066 2.009a5.26 5.26 0 0 0-6.302 0A3.35 3.35 0 0 0 5.782 1H3.428a.957.957 0 0 0-.874 1.345l1.315 2.96l-.639 2.877a.956.956 0 0 0 1.118 1.145l2.637-.517a5.27 5.27 0 0 0 1.804 2.577l-.013-.009l-.81.966a4.78 4.78 0 0 0-.86 4.574l1.125 3.438h7.541l1.126-3.438a4.78 4.78 0 0 0-.86-4.574l-.81-.97h-.005a5.26 5.26 0 0 0 1.796-2.57l2.633.523a.956.956 0 0 0 1.117-1.147l-.639-2.876l1.315-2.96a.96.96 0 0 0-.071-.909"/><path fill="#e3e3e3" d="M3.053 3.469a.9.9 0 0 1 .375-.078h2.354a3.35 3.35 0 0 1 2.835 1.566a.48.48 0 0 0 .653.153a5.27 5.27 0 0 1 5.46 0a.48.48 0 0 0 .653-.153a3.35 3.35 0 0 1 2.834-1.566h2.354a.9.9 0 0 1 .375.078l.5-1.124A.958.958 0 0 0 20.57 1h-2.354a3.35 3.35 0 0 0-3.066 2.009a5.26 5.26 0 0 0-6.302 0A3.35 3.35 0 0 0 5.782 1H3.428a.957.957 0 0 0-.874 1.345z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M17.26 7.217a5.26 5.26 0 0 1-2.422 4.431M8.85 3.009a5.26 5.26 0 0 1 6.3 0m-6.051 8.598a5.26 5.26 0 0 1-2.36-4.39m6.696 2.392v6.727a.24.24 0 0 1-.373.199l-.797-.532a.48.48 0 0 0-.53 0l-.798.532a.24.24 0 0 1-.338-.076a.24.24 0 0 1-.034-.123V9.609m-.68-2.631a.24.24 0 0 1 .239.24"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M9.646 7.217a.24.24 0 0 1 .239-.239m0 .479a.24.24 0 0 1-.24-.24"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M10.124 7.217a.24.24 0 0 1-.24.24m4.305-.479a.24.24 0 0 1 .24.24m-.479-.001a.24.24 0 0 1 .239-.239m0 .479a.24.24 0 0 1-.24-.24"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M14.428 7.217a.24.24 0 0 1-.239.24m-5.34-4.448A3.35 3.35 0 0 0 5.782 1H3.428a.957.957 0 0 0-.874 1.345l1.315 2.96l-.639 2.877a.956.956 0 0 0 1.118 1.145l2.637-.517m8.165-5.801A3.35 3.35 0 0 1 18.216 1h2.354a.957.957 0 0 1 .875 1.345l-1.315 2.96l.638 2.877a.956.956 0 0 1-1.117 1.145l-2.637-.517M12 18.217v1.913"/><path fill="#c77f67" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M9.13 20.13h5.739a1.913 1.913 0 0 1 1.913 1.914V23H7.217v-.956A1.913 1.913 0 0 1 9.13 20.13"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="m8.229 20.356l-1.126-3.438a4.78 4.78 0 0 1 .86-4.574l.81-.97m6.451 0l.81.97a4.78 4.78 0 0 1 .86 4.574l-1.126 3.438"/></g></svg>Comment utiliser l'icône Circus Elephant
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate-color:circus-elephant" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate-color:circus-elephant" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate-color:circus-elephant" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--circus-elephant]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:circus-elephant"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate-color:circus-elephant"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/circus-elephant.svg" alt="Icône Circus Elephant" width="24" height="24">Icônes similaires dans Ultimate color icons
L'icône Circus Elephant dans d'autres collections
FAQ : Icône Circus Elephant
L'icône Circus Elephant est-elle gratuite pour un usage commercial ?
Oui. Les Ultimate color 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 Circus Elephant dans React ?
Installez @iconify/react et affichez <Icon icon="streamline-ultimate-color:circus-elephant" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Circus Elephant à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/circus-elephant.svg" alt="Icône Circus Elephant">, ou collez le code SVG directement dans la page pour le styliser en CSS.