Keda Dark アイコン
thesvg-color:keda-dark
Keda Dark アイコン(thesvg-color:keda-dark)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 625 × 625 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 625 × 625
- タグ
- kedadark
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="625" height="625" viewBox="0 0 625 625"><path fill="none" stroke="#fff" stroke-width="30" d="M522.24 172.9c-1.86-5.44-6.28-10.35-12.36-13.63L318.77 68.71l-.11-.06c-2.07-1-5.08-1.55-9-1.55c-3.56 0-5.14 0-7 .13a35 35 0 0 0-3.85.42l-189.72 90.51l-.17.08A18.47 18.47 0 0 0 98.41 171L51.47 374.84a23.88 23.88 0 0 0 4.13 17.75l131.48 161a31 31 0 0 0 18.28 8.21h211.1l.82.09c5.8.64 11.32-1.88 15.16-7.06l.21-.28l132.26-161.96a27 27 0 0 0 4.65-18.18Z"/><g fill="#fff"><circle cx="438" cy="553" r="39"/><circle cx="196" cy="553" r="39"/><circle cx="307" cy="73" r="39"/><circle cx="518" cy="165" r="39"/><circle cx="100" cy="165" r="39"/><circle cx="567" cy="384" r="39"/><circle cx="59" cy="384" r="39"/></g><path fill="#fff" d="m195.77 367l-23-41.09l-6.93 7.06v34h-18V277.1h18v29l26.32-29h24.26L185 312.28L217.21 367Zm99.89-89.87v18h-60v-18Zm-60 52.63v-18h49.68v18Zm0 37.37v-18h59.57v18Zm78.43-90h25.43a44.2 44.2 0 0 1 31.7 13.09a42.65 42.65 0 0 1 9.63 14.38a44.46 44.46 0 0 1 0 35.05a41 41 0 0 1-9.63 14.25a45.05 45.05 0 0 1-31.7 13.23h-18.04V367h-7.34Zm18 72h7.45a27 27 0 0 0 0-54.05h-7.45Zm102.61-72h5.3l42.49 90h-19.91l-25.68-54.72l-27.85 54.69h-20.16Z"/><path fill="none" stroke="#fff" d="m446.72 363.34l4.87-8.72h-18.84l5.63-39.07l-.28-.52l-29.79 53.96h.01l-.9 1.6l19.12-.15l-5.08 38.42l.12.5l23.08-42.27h-.01z"/><path fill="#fff" d="m444.66 367.09l6.88-12.45h-18.8l5.9-40.51l-29.28 53h-6.45l34-63.7l33.95 63.7Z"/></svg>Keda Dark アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:keda-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:keda-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:keda-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--keda-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:keda-dark"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:keda-dark"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/keda-dark.svg" alt="Keda Dark アイコン" width="24" height="24">theSVG Color の関連アイコン
Keda Dark アイコン のよくある質問
Keda Dark アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Keda Dark アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:keda-dark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Keda Dark アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/keda-dark.svg" alt="Keda Dark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。