Dribbble アイコン

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

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

lineicons:dribbble

Dribbble アイコン(lineicons:dribbble)は、Lineicons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Lineicons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Lineicons
作者: Lineicons
ライセンス: 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="M8.11 11.523a.415.415 0 1 0 0-.829a.415.415 0 0 0 0 .83m13.68 1.416c-.063-.045-.112-.052-.152.034c-.696 1.508-1.87.755-1.753.822c.26-.12.945-.668.841-1.426c-.063-.463-.46-.668-.882-.595c-.736.128-1.008.923-.87 1.626c.025.12.068.22.11.318c-.831.677-1.162-.606-1.2-.76c0-.007.643-.544.822-1.823c.188-1.341-.24-1.585-.677-1.578c-.81.014-1.028 1.705-.734 3.115c-.025.006-.14.07-.323.077c-.133-.417-.699-.782-.847-.642c-.37.352.09 1.04.414 1.095c-.195 1.199-1.412.902-1.185-.6c.396-.736.698-1.83.644-2.492c-.02-.234-.192-.547-.583-.532c-.753.03-.835 1.722-.746 2.922c-.005-.03-.047.146-.355.233c-.073-.404-.725-.81-.878-.615c-.287.365.21 1.017.446 1.063c-.194 1.198-1.412.902-1.185-.6c.396-.737.698-1.831.644-2.492c-.019-.234-.192-.547-.583-.532c-.753.03-.834 1.722-.746 2.922c-.005-.03-.047.151-.368.237c-.011-.525-.665-.766-.822-.598c-.28.298.064.911.382 1.063c-.194 1.198-1.412.902-1.185-.6c.396-.737.698-1.831.644-2.492c-.02-.234-.192-.547-.583-.532c-.753.03-.813 1.806-.725 3.007c-.248 1.062-1.079 2.388-.97-.268c.01-.187.021-.258-.071-.327c-.07-.054-.228-.028-.315-.026c-.105.004-.131.065-.155.158c-.054.24-.063.473-.071.791a1.4 1.4 0 0 1-.074.42c-.058.203-.384.574-.562.512c-.248-.085-.167-.785-.12-1.265c.039-.38-.085-.55-.403-.612c-.185-.039-.298-.033-.492-.094c-.183-.057-.224-.403-.614-.288c-.213.063-.076.515-.128.85c-.252 1.649-.776 1.694-1.02.893c1.096-2.685.317-3.743-.139-3.743c-.475 0-1.018.327-.788 2.42c-.112-.032-.146-.05-.268-.05c-.692 0-1.164.56-1.164 1.25s.472 1.25 1.164 1.25c.408 0 .695-.186.912-.473c.142.203.315.476.63.464c.941-.037 1.215-1.967 1.247-2.075c.1.016.196.045.289.06c.155.024.166.085.162.24c-.04 1.314.202 1.773.751 1.773c.306 0 .58-.3.767-.516c.14.29.364.507.664.516c.728.018 1.006-1.14.98-.988c-.02.12.237.982.985.985c.928.004 1.1-1.016 1.12-1.187c.004-.03.003-.034 0 0v.01a.87.87 0 0 0 .446-.212s.236 1.405 1.112 1.389c.91-.017 1.081-.939 1.104-1.118c.004-.038.003-.043 0 0v.005c.349-.127.441-.255.441-.255s.188 1.377 1.112 1.389c.824.01 1.129-.833 1.13-1.186c.14.002.397-.082.39-.087c0 0 .302 1.204 1.145 1.266c.395.029.692-.223.861-.337c.398.322 1.721.733 2.557-.684c.118-.204-.136-.444-.18-.475M3.13 13.969c-.403 0-.662-.374-.662-.776c0-.403.237-.777.641-.777c.182 0 .283.02.424.144c.026.1.099.334.134.44c.048.142.104.262.16.394c-.08.336-.347.575-.697.575m.984-1.398c-.016-.026-.013-.01-.032-.035a3.9 3.9 0 0 1-.233-1.162c-.019-.577.078-1.254.361-1.254c.193 0 .397 1.372-.096 2.451M9.8 11.97c-.045-.343-.048-1.87.32-1.829c.202.082-.13 1.524-.32 1.829m2.678 0c-.045-.343-.047-1.87.32-1.829c.202.082-.13 1.524-.32 1.829m2.657.021c-.045-.343-.048-1.87.32-1.828c.202.082-.13 1.523-.32 1.828m2.933-1.939c.336-.035.322 1.43-.351 2.354c-.087-.334-.22-2.24.351-2.354m1.41 3.15c-.108-.543.17-.9.457-.94c.1-.016.246.05.275.17c.047.23-.007.57-.65 1a1 1 0 0 1-.082-.23"/></svg>

Dribbble アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/lineicons/dribbble.svg" alt="Dribbble アイコン" width="24" height="24">

Lineicons の関連アイコン

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

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

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

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

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

@iconify/react をインストールして <Icon icon="lineicons:dribbble" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Dribbble アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/lineicons/dribbble.svg" alt="Dribbble アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Lineicons をすべて見る →