Dribdat アイコン
selfhst:dribdat
Dribdat アイコン(selfhst:dribdat)は、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
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#f60" d="M370.8 32.3H141.2c-9.5 0-18.4 5.1-23.2 13.3L3.5 242.5c-4.9 8.3-4.9 18.6 0 27l114.6 196.9c4.8 8.3 13.6 13.3 23.2 13.3h229.5c9.5 0 18.4-5.1 23.2-13.3l114.6-196.9c4.9-8.3 4.9-18.6 0-27L393.9 45.6c-4.8-8.2-13.6-13.3-23.1-13.3"/><path fill="red" d="M244.9 259.7c-15.9 18.5-35.3 38.8-43.1 45c-24 19.4-51.5 10.3-87.2-28.5c-9.5-10.4-21.3-24.1-26-30.5L79.9 234l27.6-43.7c23.9-37.8 28.7-43.4 36.5-41.6c13.1 3.1 59.2-14.8 78.1-30.2c19.6-16.1 28.8-15.2 37.2 3.3c5.5 12.1 4.7 16.1-6.4 30.1c-7 8.9-16.2 18.6-20.6 21.5c-6.9 4.6-5.3 6.9 12.7 18.2c11.3 7.1 22.4 17.7 24.7 23.6c3.9 10.4 2.4 12.9-24.8 44.5M127.2 141.1L102 125.3l-22.1-14l-53.8 92.4c3.9 3.6 11.6 8.9 20.2 13.6l21.8 12.1l29.5-44.1z"/><path d="m376.9 365.8l-26.5 42.1l-31-8.8C280 388 246 370.3 238 356.9c-7.1-12.1-.5-41.8 20.2-90.9c18.2-43.2 28.3-47.7 60-27.7c19.7 12.4 21 12.5 23.7 1.8c7.5-29 15.4-40.3 30.2-43.7c23.5-5.3 32.3 6.7 24.6 33.1c-4.3 14.5-4.3 35 0 58.3l6.7 35.9zm83.9-14l-18.1-11.4l-23-14.5l-29.1 46.1l-29 46l23 14.5L406 446z"/><path fill="#fff" d="M353.8 454.8H158.2c-10.5 0-20.3-5.6-25.5-14.7L34.9 270.7c-5.3-9.1-5.3-20.4 0-29.5l97.8-169.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.5L379.3 440c-5.2 9.2-15 14.8-25.5 14.8M158.2 60.3c-9.4 0-18.1 5-22.8 13.2L37.6 242.8c-4.7 8.1-4.7 18.2 0 26.4l97.8 169.3c4.7 8.1 13.4 13.2 22.8 13.2h195.6c9.4 0 18.1-5 22.8-13.2l97.8-169.3c4.7-8.1 4.7-18.2 0-26.4L376.6 73.5c-4.7-8.1-13.4-13.2-22.8-13.2z"/></svg>Dribdat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:dribdat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:dribdat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:dribdat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--dribdat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:dribdat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:dribdat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/dribdat.svg" alt="Dribdat アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Dribdat アイコン のよくある質問
Dribdat アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Dribdat アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:dribdat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dribdat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/dribdat.svg" alt="Dribdat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。