Иконка Dribble

topcoat:dribble

Иконка Dribble (topcoat:dribble) — бесплатная SVG-иконка из набора TopCoat Icons от TopCoat. Она нарисована на сетке 42 × 42. TopCoat Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: TopCoat Icons
Автор: TopCoat
Лицензия: Apache-2.0
Размер: 42 × 42

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 42 42"><path fill="currentColor" d="M21 1C9.954 1 1 9.954 1 21s8.954 20 20 20s20-8.954 20-20S32.046 1 21 1m0 2.898c4.357 0 8.334 1.63 11.354 4.312c-2.219 2.927-5.59 4.876-8.968 6.195a89 89 0 0 0-6.415-10.03a17 17 0 0 1 4.03-.477zm-7.276 1.62c2.23 3.336 4.39 6.429 6.363 9.93c-4.99 1.293-10.629 2.069-15.838 2.082c1.098-5.328 4.677-9.752 9.475-12.011zm20.527 4.67a17.03 17.03 0 0 1 3.851 10.699c-3.956-.78-7.89-.984-11.896-.58c-.45-1.123-.996-2.19-1.519-3.34c3.453-1.393 7.145-3.777 9.564-6.78zm-12.775 7.906c.428.91.924 1.876 1.39 2.863c-5.57 2.456-11.495 5.738-14.57 11.492a17.04 17.04 0 0 1-4.39-11.95c5.965-.028 11.82-.774 17.57-2.405m9.038 4.663a29.2 29.2 0 0 1 7.375.95a17.1 17.1 0 0 1-7.347 11.487c-.918-4.175-1.793-8.17-3.34-12.198a23 23 0 0 1 3.311-.24zm7.464.31q-.017.146-.037.29q.02-.145.037-.29m-13.94.71c1.576 4.073 2.813 8.583 3.643 12.972a17.05 17.05 0 0 1-6.68 1.354a17.03 17.03 0 0 1-10.495-3.6c3.097-5.024 7.894-8.826 13.531-10.725z"/></svg>

Как использовать иконку Dribble

React

import { Icon } from "@iconify/react";

<Icon icon="topcoat:dribble" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="topcoat:dribble" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="topcoat:dribble" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[topcoat--dribble]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/topcoat -->
<div class="i-topcoat:dribble"></div>

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

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="topcoat:dribble"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/topcoat/dribble.svg" alt="Иконка Dribble" width="24" height="24">

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

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

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

Да. TopCoat Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все TopCoat Icons →