Dribdat Light アイコン

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

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:dribdat-light

Dribdat Light アイコン(selfhst:dribdat-light)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512
タグ: dribdatlight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="m384.6 432.5l21.3 13.4l-11.9 20.5c-4.8 8.3-13.6 13.3-23.2 13.3H141.2c-9.5 0-18.4-5.1-23.2-13.3L3.5 269.5c-4.9-8.3-4.9-18.6 0-27l22.2-38.2l4.5 2.8c4.2 3.1 9.9 6.8 16.1 10.2l1.9 1L35 241.2c-5.3 9.1-5.3 20.4 0 29.5L132.8 440c5.2 9.1 15 14.7 25.5 14.7h195.6c10.5 0 20.3-5.6 25.5-14.7l4.6-8zm89.8-163.3L435.8 336l-16.1-10.2l-29.1 46.1l-29 46.1l19.7 12.5l-4.7 8.1c-4.7 8.1-13.4 13.2-22.8 13.2H158.2c-9.4 0-18.1-5-22.8-13.2L37.6 269.2c-4.7-8.1-4.7-18.2 0-26.4l13.3-23l17.2 9.5l29.5-44.1l29.5-44.1l-22.6-14.3l30.8-53.4c4.7-8.1 13.4-13.2 22.8-13.2h195.6c9.4 0 18.1 5 22.8 13.2l97.8 169.3c4.8 8.2 4.8 18.4.1 26.5m-229.5-9.5c27.2-31.6 28.7-34.1 24.7-44.2c-2.4-5.9-13.5-16.5-24.7-23.6c-18-11.3-19.5-13.6-12.7-18.2c4.4-2.9 13.6-12.6 20.6-21.5c11.1-14.1 11.9-18.1 6.4-30.1c-8.4-18.5-17.6-19.4-37.2-3.3c-18.9 15.5-65 33.3-78.1 30.2c-7.7-1.8-12.6 3.8-36.5 41.6l-27.6 43.7l8.7 11.7c4.7 6.4 16.4 20.1 26 30.5c35.7 38.8 63.2 47.8 87.2 28.5c7.9-6.5 27.3-26.8 43.2-45.3m158.6 64l-6.7-35.9c-4.4-23.3-4.3-43.8 0-58.3c7.8-26.4-1.1-38.4-24.6-33.1c-14.8 3.4-22.8 14.7-30.2 43.7c-2.7 10.7-4 10.6-23.7-1.8c-31.8-20-41.8-15.5-60 27.7c-20.7 49.1-27.4 78.8-20.2 90.9c8 13.4 42 31.1 81.3 42.2l31 8.8l26.5-42.1zm105-81.2L393.9 45.6c-4.8-8.3-13.6-13.3-23.2-13.3H141.2c-9.5 0-18.4 5.1-23.2 13.3l-38.3 65.8h.1l.1-.1l10.4 6.6l.3.2l11.3 7.1l30.8-53.3c5.2-9.1 15-14.7 25.5-14.7h195.6c10.5 0 20.3 5.6 25.5 14.7l97.8 169.3c5.3 9.1 5.3 20.4 0 29.5l-38.7 66.9l4.3 2.7l18 11.3l47.8-82.2c4.9-8.3 4.9-18.5 0-26.9"/></svg>

Dribdat Light アイコンの使い方

React

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

<Icon icon="selfhst:dribdat-light" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:dribdat-light" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:dribdat-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--dribdat-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:dribdat-light"></div>

Web コンポーネント

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

<iconify-icon icon="selfhst:dribdat-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/dribdat-light.svg" alt="Dribdat Light アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

Dribdat Light アイコンのよくある質問

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

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

selfh.st/icons をすべて見る →