Echo Nightly アイコン
arcticons:echo-nightly
Echo Nightly アイコン(arcticons:echo-nightly)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
- タグ
- echonightly
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M44.145 20.915c-.86-.79-1.35-1.9-1.34-3.06c0-.42.06-.86.19-1.27c.14-.41.2-.84.19-1.27c0-1.96-1.36-3.64-3.27-4.06a4.19 4.19 0 0 1-3.18-3.18a4.16 4.16 0 0 0-4.06-3.27c-.42 0-.86.05-1.27.19c-1.54.5-3.24.06-4.33-1.14q-.135-.15-.27-.27a4.17 4.17 0 0 0-5.88.27c-.79.86-1.9 1.35-3.06 1.34c-.42 0-.86-.06-1.27-.19s-.84-.19-1.27-.19c-1.96 0-3.64 1.36-4.06 3.27a4.19 4.19 0 0 1-3.18 3.18a4.16 4.16 0 0 0-3.27 4.06c0 .42.05.86.19 1.27c.13.41.2.84.19 1.27c0 1.16-.48 2.27-1.34 3.06q-.15.135-.27.27a4.17 4.17 0 0 0 .27 5.88c.86.79 1.35 1.9 1.34 3.06c0 .42-.06.86-.19 1.27s-.19.84-.19 1.27c0 1.96 1.36 3.64 3.27 4.06c1.58.35 2.83 1.59 3.18 3.18a4.16 4.16 0 0 0 4.06 3.27c.42 0 .86-.05 1.27-.19c.41-.13.84-.2 1.27-.19c1.16 0 2.27.48 3.06 1.34q.135.15.27.27a4.17 4.17 0 0 0 5.88-.27c.79-.86 1.9-1.35 3.06-1.34c.42 0 .86.06 1.27.19s.84.19 1.27.19c1.96 0 3.64-1.36 4.06-3.27a4.19 4.19 0 0 1 3.18-3.18a4.16 4.16 0 0 0 3.27-4.06c0-.42-.05-.86-.19-1.27c-.13-.41-.2-.84-.19-1.27c0-1.16.48-2.27 1.34-3.06q.15-.135.27-.27a4.17 4.17 0 0 0-.27-5.88zm-10.85 4.05c-.17.29-.41.54-.71.71l-11.43 6.6c-.93.54-2.11.22-2.65-.71a1.93 1.93 0 0 1-.26-.97v-13.2a1.942 1.942 0 0 1 2.91-1.68l11.43 6.6c.93.54 1.25 1.73.71 2.65"/></svg>Echo Nightly アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:echo-nightly" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:echo-nightly" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:echo-nightly" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--echo-nightly]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:echo-nightly"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:echo-nightly"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/echo-nightly.svg" alt="Echo Nightly アイコン" width="24" height="24">Arcticons の関連アイコン
Echo Nightly アイコン のよくある質問
Echo Nightly アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Echo Nightly アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:echo-nightly" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Echo Nightly アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/echo-nightly.svg" alt="Echo Nightly アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。