Ícone Circus Elephant
streamline-ultimate-color:circus-elephant
O ícone Circus Elephant (streamline-ultimate-color:circus-elephant) é um ícone SVG gratuito da coleção Ultimate color icons de Streamline. Ele é desenhado em uma grade de 24 × 24. Ultimate color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Ultimate color icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Entretenimento, eventos e hobbies
- Tags
- circuselephant
Código 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>Como usar o ícone 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/circus-elephant.svg" alt="Ícone Circus Elephant" width="24" height="24">Ícones relacionados em Ultimate color icons
O ícone Circus Elephant em outras coleções
Perguntas frequentes sobre Ícone Circus Elephant
O ícone Circus Elephant é grátis para uso comercial?
Sim. Ultimate color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Circus Elephant no React?
Instale @iconify/react e renderize <Icon icon="streamline-ultimate-color:circus-elephant" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Circus Elephant a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/circus-elephant.svg" alt="Ícone Circus Elephant">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.