Иконка Dribbble

fontisto:dribbble

Иконка Dribbble (fontisto:dribbble) — бесплатная SVG-иконка из набора Fontisto от Kenan Gündoğan. Она нарисована на сетке 24 × 24. Fontisto icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Fontisto
Автор: Kenan Gündoğan
Лицензия: MIT
Размер: 24 × 24
Категория: Бренд

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16 21.44c-.541-2.962-1.298-5.573-2.287-8.067l.1.286h-.031l-.031.016q-.25.094-.672.258t-1.578.766c-.836.434-1.537.859-2.207 1.324l.066-.044a13.7 13.7 0 0 0-2.04 1.781l-.007.007a8.4 8.4 0 0 0-1.588 2.262l-.022.05l-.234-.172a10 10 0 0 0 6.454 2.344h.081H12h.005a10.2 10.2 0 0 0 4.062-.837l-.066.026zm-2.89-9.484q-.328-.766-.828-1.734c-3.057.923-6.57 1.454-10.207 1.454l-.325-.001h.017c-.01.086-.016.186-.016.287v.043v-.002v.042c0 1.315.252 2.57.711 3.721l-.024-.068a10.3 10.3 0 0 0 1.946 3.158l-.008-.009A13.2 13.2 0 0 1 6.31 16.24l-.005.005a14 14 0 0 1 2.183-1.916l.043-.029q1.078-.734 2.039-1.266c.432-.254.944-.506 1.474-.721l.081-.029l.578-.203l.203-.054q.117-.031.212-.077l-.008.003zM11.44 8.64a53.5 53.5 0 0 0-3.913-6.047l.1.14c-2.866 1.381-4.962 3.97-5.644 7.088l-.012.068c3.37-.007 6.63-.463 9.729-1.31zm10.687 4.984a14.4 14.4 0 0 0-4.214-.614q-1.153.001-2.259.172l.082-.01c.79 2.06 1.482 4.519 1.958 7.055l.042.273a10.3 10.3 0 0 0 2.866-2.92l.024-.04a10 10 0 0 0 1.49-3.856l.008-.058zM9.549 2.046a.04.04 0 0 0-.031.016a.04.04 0 0 1 .029-.014zm9.218 2.265a9.83 9.83 0 0 0-6.635-2.561l-.137.001h.007c-.861.003-1.695.111-2.493.312l.071-.015a44 44 0 0 1 3.723 5.735l.117.234c.794-.3 1.464-.618 2.102-.983l-.071.037a13.5 13.5 0 0 0 1.545-.986l-.037.026c.376-.287.71-.578 1.023-.891q.309-.295.576-.621l.01-.012zm3.484 7.579a9.98 9.98 0 0 0-2.341-6.422l.013.016l-.016.016q-.141.187-.297.383a9 9 0 0 1-.674.689l-.006.006q-.51.487-1.078.923l-.031.023a17 17 0 0 1-3.503 1.981l-.114.042q.39.828.687 1.484l.102.266c.036.104.076.191.121.275l-.005-.009q.56-.08 1.164-.11t1.149-.031q.547 0 1.078.023t1 .062t.88.086t.75.102l.57.094q.234.039.39.07zM24 12v.09c0 2.187-.598 4.234-1.64 5.987l.03-.054a12.05 12.05 0 0 1-4.311 4.337l-.056.03c-1.729 1.012-3.806 1.609-6.024 1.609s-4.295-.597-6.081-1.64l.057.031a12.05 12.05 0 0 1-4.337-4.311l-.03-.056C.596 16.294-.001 14.217-.001 11.999s.597-4.295 1.64-6.081l-.031.057a12.05 12.05 0 0 1 4.311-4.337l.056-.03C7.704.596 9.781-.001 11.999-.001s4.295.597 6.081 1.64l-.057-.031a12.05 12.05 0 0 1 4.337 4.311l.03.056A11.6 11.6 0 0 1 24 11.908v.096v-.005z"/></svg>

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

React

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

<Icon icon="fontisto:dribbble" width="24" />

Vue

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

<template>
  <Icon icon="fontisto:dribbble" width="24" />
</template>

Svelte

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

<Icon icon="fontisto:dribbble" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="fontisto:dribbble"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Иконки Fontisto →