Dribbble Logo アイコン

Q: Dribbble Logo アイコンは商用利用でも無料ですか?

はい。Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

ph:dribbble-logo

Dribbble Logo アイコン(ph:dribbble-logo)は、Phosphor セットの無料 SVG アイコンです（作者: 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>

Web コンポーネント

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

Phosphor の関連アイコン

他のアイコンセットの Dribbble Logo アイコン

Dribbble Logo アイコンのよくある質問

Dribbble Logo アイコンは商用利用でも無料ですか?

はい。Phosphor icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Dribbble Logo アイコンを使うには?

@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Phosphor アイコンをすべて見る →