Иконка Circus Elephant

streamline-ultimate-color:circus-elephant

Иконка Circus Elephant (streamline-ultimate-color:circus-elephant) — бесплатная SVG-иконка из набора Ultimate color icons от Streamline. Она нарисована на сетке 24 × 24. Ultimate color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Ultimate color icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Развлечения, события и хобби
Теги: circuselephant

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<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>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/circus-elephant.svg" alt="Иконка Circus Elephant" width="24" height="24">

Иконка Circus Elephant в других наборах

Вопросы и ответы: Иконка Circus Elephant

Можно ли бесплатно использовать иконку Circus Elephant в коммерческих проектах?

Да. Ultimate color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Circus Elephant в React?

Установите @iconify/react и выведите <Icon icon="streamline-ultimate-color:circus-elephant" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Circus Elephant на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/circus-elephant.svg" alt="Иконка Circus Elephant">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Ultimate color icons →