Nowly Dark アイコン
thesvg-color:nowly-dark
Nowly Dark アイコン(thesvg-color:nowly-dark)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 512 × 512 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 512 × 512
- タグ
- nowlydark
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="#fff"><path d="M229.697.52c12.011-1.789 33.601 1.353 44.935 4.605c51.049 14.655 92.885 50.195 122.756 92.08c7.826 10.969 14.393 19.528 21.057 31.462c15.312 27.421 25.03 59.418 15.594 90.277c-10.122 33.301-36.719 52.318-68.078 66.098c-11.382 5.001-44.984 15.351-49.279 27.726c-2.164 12.355 16.64 9.284 22.832 8.18c41.919-7.482 82.944-55.654 126.409-48.12c36.866 6.388 51.813 51.361 44.108 82.969c-8.502 34.882-31.432 61.046-61.993 80.365c-18.712 11.435-39.789 18.752-61.736 21.437c-51.209 5.916-94.913-11.337-134.644-41.86c-26.08-20.035-49.451-47.822-30.362-80.959c12.671-21.291 39.507-35.972 63.132-44.86c34.492-12.978 63.574-37.359 37.999-74.285c-17.696-23.993-48.209-31.451-76.027-37.86c-44.772-10.316-106.746-24.911-113.095-78.058c-2.613-21.873 7.3-45.22 21.577-61.834C173.738 15.938 200.509 3.19 229.697.52"/><path d="M123.653 155.733c31.35-1.035 48.291 23.376 54.987 50.003c11.459 45.567-10.031 87.976.212 133.496c8.238 36.618 30.72 59.904 50.314 90.72c7.598 12.511 13.985 30.367 9.033 44.968c-15.269 45.016-72.44 40.43-108.881 30.476c-27.15-7.274-55.908-21.611-77.577-39.274c-30.206-24.621-47.8-51.318-51.073-90.616c-5.369-64.443 22.15-135.125 64.07-184.612c14.417-17.018 35.532-33.405 58.915-35.161"/></g></svg>Nowly Dark アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:nowly-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:nowly-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:nowly-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--nowly-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:nowly-dark"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:nowly-dark"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/nowly-dark.svg" alt="Nowly Dark アイコン" width="24" height="24">theSVG Color の関連アイコン
Nowly Dark アイコン のよくある質問
Nowly Dark アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Nowly Dark アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:nowly-dark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nowly Dark アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/nowly-dark.svg" alt="Nowly Dark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。