Иконка Dribbble Logo

ph:dribbble-logo

Иконка Dribbble Logo (ph:dribbble-logo) — бесплатная SVG-иконка из набора Phosphor от Phosphor Icons. Она нарисована на сетке 256 × 256. Phosphor icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Phosphor
Автор: Phosphor Icons
Лицензия: MIT
Размер: 256 × 256
Теги: logos, round, basketball, sports, design, dribbblelogo

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m87.65 96.18q-3.82-.18-7.65-.18a168.6 168.6 0 0 0-43.94 5.84A166.5 166.5 0 0 0 150.61 96a168.3 168.3 0 0 0 38.2-31.55a87.78 87.78 0 0 1 26.84 55.73m-39.37-65.72A151.8 151.8 0 0 1 142 82.52a169.2 169.2 0 0 0-38.63-39a88 88 0 0 1 73 10.94Zm-90.63-3.58a153.1 153.1 0 0 1 42 39.18A151.8 151.8 0 0 1 64 104a154 154 0 0 1-20.28-1.35a88.4 88.4 0 0 1 41.93-51.77M40 128a88 88 0 0 1 .53-9.64A169 169 0 0 0 64 120a167.84 167.84 0 0 0 72.52-16.4a151 151 0 0 1 12.31 27.13a167 167 0 0 0-24.59 11.6a169.2 169.2 0 0 0-55.07 51.06A87.8 87.8 0 0 1 40 128m42 75a152.9 152.9 0 0 1 50.24-46.79a149 149 0 0 1 20.95-10a152.5 152.5 0 0 1 3.73 33.47a153 153 0 0 1-3.49 32.56A87.92 87.92 0 0 1 82 203m89.06 1.73a170 170 0 0 0 1.86-25a168.7 168.7 0 0 0-4.45-38.47A152.3 152.3 0 0 1 208 136q3.8 0 7.61.19a88.13 88.13 0 0 1-44.55 68.53Z"/></svg>

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

React

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

<Icon icon="ph:dribbble-logo" width="24" />

Vue

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

<template>
  <Icon icon="ph:dribbble-logo" width="24" />
</template>

Svelte

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

<Icon icon="ph:dribbble-logo" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="ph:dribbble-logo"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Иконки Phosphor →