Dockge アイコン
selfhst:dockge
Dockge アイコン(selfhst:dockge)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 640 × 640 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 640 × 640
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><linearGradient id="SVGPBcOfeIO" x1="-68.923" x2="140.067" y1="744.781" y2="944.831" gradientTransform="translate(401.442 -308.253)scale(.9111)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#74c2ff"/><stop offset="1" stop-color="#86e6a9"/></linearGradient><path fill="url(#SVGPBcOfeIO)" d="M448.9 184.1c26.5 27.2 37.4 38.7 69.7 85.3s59.9 132.6-15.4 191.4c-9.4 7.3-20.1 14.5-32 21.1c-82.9 47-218.3 73.4-309.4 8.4c-104-74.3-96.1-237.4 17-337s243.5 3.6 270.1 30.8"/><path fill="#f2f2f2" d="M294.8 617.8c-70.2 0-133.4-18.9-184.4-55.3c-34-24.3-60.9-55.3-79.9-92.2c-17.8-34.6-27.9-72.6-30-113.1C-2 309 7.5 259 27.8 212.5c20.6-47.2 52.6-90.6 92.5-125.8c71.5-63 161.8-80.6 254.2-49.7c60 20.1 111.7 58.3 137.8 85l.1.1c29.1 29.8 43.4 45.2 79.1 96.8c16.8 24.3 45.5 74.6 48.3 137.7c3 68.6-26.1 130.4-82.1 174c-12.9 10.1-27.4 19.7-42.9 28.4c-56.3 31.9-123.2 52.3-188.3 57.4c-10.7 1-21.3 1.4-31.7 1.4m-8.3-418.3c-22.2 0-37.1 9.8-49.1 20.3c-39.9 35.1-62.3 83.1-60 128.4c1.1 21 8.2 50.2 35.9 70c30.6 21.8 70.9 23.8 99.3 21.6c38.6-3 81.5-16.1 114.8-34.9l.3-.2c7.8-4.4 14.8-9 20.8-13.7c24.9-19.4 12.2-49.4-2.9-71.1c-28.7-41.5-36-49-60.2-73.8c-5.7-5.8-33.6-29.5-67.3-40.8c-12-4.1-22.4-5.8-31.6-5.8" opacity=".51"/></svg>Dockge アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:dockge" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:dockge" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:dockge" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--dockge]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:dockge"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:dockge"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/dockge.svg" alt="Dockge アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Dockge アイコン のよくある質問
Dockge アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Dockge アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:dockge" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dockge アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/dockge.svg" alt="Dockge アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。