Иконка Clusterduck
arcticons:clusterduck
Иконка Clusterduck (arcticons:clusterduck) — бесплатная SVG-иконка из набора Arcticons от Donnnno. Она нарисована на сетке 48 × 48. Arcticons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Arcticons
- Автор
- Donnnno
- Лицензия
- CC-BY-SA-4.0
- Размер
- 48 × 48
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M40.331 22.633c-4.863.934-14.914-2.688-15.019-3.502c-.104-.813-.074-1.283 0-2.1c.185-2.04 1.77-2.938 1.634-4.981c-.255-3.868-3.6-6.772-7.47-6.537c-3.625.22-6.51 2.907-6.615 6.537a6 6 0 0 0 0 .389m27.47 10.194c-.517 2.219-.935 5.172-2.17 7.086c-2.036 3.152-6.04 5.882-7.487 6.066c-.904.115-1.938 0-1.938 0m11.595-13.152c-1.59 3.405-2.548 4.565-5.533 4.447m-19.135-8.571H9.614a.566.566 0 0 1-.566-.566V16.69c0-.284.23-.515.516-.515h0m6.099 2.335l1.112-1.32a.57.57 0 0 0 .133-.365v-1.506a.56.56 0 0 0-.262-.477l-3.785-2.402m2.802 6.07v.506m-2.802-6.576c-2.55.55-5.07-.968-5.134.063l-.007.082c-.023.179-.106.92.005 1.399c.254 1.088 1.838 2.191 1.838 2.191m5.35-.274l-.071.082a.56.56 0 0 1-.426.192H9.564m10.301 14.399s3.126 2.643 6.693 2.643c3.91 0 8.404-3.563 8.404-5.447c0-1.662-3.891-5.668-9.65-5.668c-3.634 0-5.447 1.466-5.447 1.466m8.871 12.217v3.481a.566.566 0 0 1-.566.566h-4.195m4.761-4.047h-2.179m-2.8 0s-1.047.065-1.713 0c-4.806-.465-7.547-4.61-8.015-9.416c-.24-2.469 1.284-6.058 1.583-6.735a.6.6 0 0 0 .051-.237v-.381m8.093 16.77v1.846a.566.566 0 0 1-.566.566h-.58a.566.566 0 0 0-.566.566v.502c0 .313.253.566.566.566h1.365m-.219-4.047h2.801m0 0v1.23c0 .15-.059.294-.165.4l-2.417 2.417m-5.723-20.536l-2.589.1"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M28.976 37.248c4.857.298 8.232 1.342 8.232 2.583c0 1.474-5.055 2.669-11.29 2.669s-11.29-1.195-11.29-2.669c0-1.295 3.768-2.34 8.946-2.583"/></svg>Как использовать иконку Clusterduck
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:clusterduck" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:clusterduck" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:clusterduck" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--clusterduck]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:clusterduck"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:clusterduck"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/arcticons/clusterduck.svg" alt="Иконка Clusterduck" width="24" height="24">Вопросы и ответы: Иконка Clusterduck
Можно ли бесплатно использовать иконку Clusterduck в коммерческих проектах?
Да. Arcticons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.
Как использовать иконку Clusterduck в React?
Установите @iconify/react и выведите <Icon icon="arcticons:clusterduck" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Clusterduck на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/arcticons/clusterduck.svg" alt="Иконка Clusterduck">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.