Deno Dark アイコン
thesvg-color:deno-dark
Deno Dark アイコン(thesvg-color:deno-dark)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 441 × 441 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 441 × 441
- タグ
- denodark
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="441" height="441" viewBox="0 0 441 441"><path fill="#fff" fill-rule="evenodd" d="M229.858-2.62c121.29 5.675 215.154 108.755 209.479 230.045S330.582 442.578 209.292 436.903S-5.863 328.149-.188 206.859S108.568-8.296 229.858-2.62m51.365 264.922c-13.886-.687-27.594-3.012-38.616-4.857c-8.381-1.404-16.33-3.616-22.855-5.858a2.58 2.58 0 0 0-2.932.878c-.678.905-.777 2.22-.02 3.061c3.08 3.418 12.848 10.54 20.439 13.812c-6.491 5.357-10.933 17.608-12.684 23.95c-2.35 8.51-2.687 20.801-2.12 25.312c2.282 18.146 8.95 34.41 25.467 48.64c11.562 9.96 28.295 16.77 45.399 17.08c23.603.426 51.882-9.705 74.085-32.493c29.028-31.807 48.051-73.17 51.593-119.393c8.434-110.06-74.073-206.264-184.134-214.698S28.582 91.81 20.147 201.87c-4.368 56.998 15.655 110.28 51.267 149.576a3.185 3.185 0 0 0 5.422-2.974c-26.39-103.487 30.95-215.162 94.926-250.494c23.751-13.118 46.884-18.1 67.664-9.69c31.814 12.874 50 34.21 89.375 52.163c39.375 17.951 43.625 47.862 32.64 78.098c-10.986 30.236-46.358 45.425-80.218 43.753m-68.863-160.08c-12.906 1.006-21.384 16.978-22.497 27.253c-1.117 10.275 3.978 27.236 20.794 26.91c19.694-.383 25.681-17.238 23.525-33.55c-1.618-12.25-11.033-21.456-21.822-20.613"/></svg>Deno Dark アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:deno-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:deno-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:deno-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--deno-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:deno-dark"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:deno-dark"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/deno-dark.svg" alt="Deno Dark アイコン" width="24" height="24">theSVG Color の関連アイコン
他のアイコンセットの Deno Dark アイコン
Deno Dark アイコン のよくある質問
Deno Dark アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Deno Dark アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:deno-dark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Deno Dark アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/deno-dark.svg" alt="Deno Dark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。