Dockge Light アイコン
selfhst:dockge-light
Dockge Light アイコン(selfhst:dockge-light)は、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
- タグ
- dockgelight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="#fff" d="M639.8 356c-2.8-63.3-31.5-113.6-48.4-138.1c-35.6-51.5-49.7-66.6-78.5-96.1c-26-26.7-77.7-65-137.8-85c-92.6-30.9-183.2-13.2-254.9 49.9c-39.8 35.1-71.8 78.4-92.4 125.6C7.4 258.7-2.1 308.7.4 356.9c2 40.5 12.1 78.6 30 113.3c19.1 37 46.1 68.1 80.2 92.5C161.7 599.2 224.8 618 295 618c10.4 0 21-.4 31.7-1.2c64.9-5.1 131.5-25.4 187.7-57.2c15.5-8.8 29.8-18.3 42.7-28.3c56.4-43.8 85.8-106.1 82.7-175.3m-139 103.1c-9.3 7.2-19.9 14.3-31.5 20.8c-81.8 46.4-215.5 72.5-305.4 8.3C61.2 414.9 69 253.8 180.7 155.5S421 159 447.2 185.8c26.2 26.9 36.9 38.2 68.7 84.3c32 46.1 59.3 131-15.1 189m-188.4-24.4c37.6-2.9 79.3-15.7 111.6-34c7.8-4.3 14.6-8.9 20.4-13.4c11.8-9.2 12.5-15.4 12.2-22.5c-.5-12.1-6.9-28.6-16.1-42c-28.3-40.9-35.4-48.2-58.9-72.4c-5.4-5.5-32-28.3-64.6-39.1c-11-3.6-20.8-5.6-29.9-5.6c-16.7 0-31 6.3-45.8 19.2c-38.4 33.8-60 79.9-57.8 123.3c1 19.8 7.7 47.3 33.7 65.9c29.1 20.9 67.8 22.7 95.2 20.6"/></svg>Dockge Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:dockge-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:dockge-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:dockge-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--dockge-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:dockge-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:dockge-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/dockge-light.svg" alt="Dockge Light アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Dockge Light アイコン のよくある質問
Dockge Light アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Dockge Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:dockge-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dockge Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/dockge-light.svg" alt="Dockge Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。