ICONYZ
日本語
theSVG Color の Deno Dark アイコン

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 コード

<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 コードをページに直接貼り付けます。

theSVG Color アイコン をすべて見る →