Light Down アイコン
entypo:light-down
Light Down アイコン(entypo:light-down)は、Entypo+ セットの無料 SVG アイコンです(作者: Daniel Bruce)。 20 × 20 のグリッドで描かれています。 Entypo+ icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Entypo+
- 作者
- Daniel Bruce
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 20 × 20
- タグ
- lightdown
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M10 6.797a3.19 3.19 0 0 0-3.2 3.201a3.19 3.19 0 0 0 3.2 3.199a3.19 3.19 0 0 0 3.199-3.199A3.19 3.19 0 0 0 10 6.797m0 5.25a2.049 2.049 0 1 1 0-4.1a2.05 2.05 0 0 1 0 4.1M15 5c-.312-.312-.883-.248-1.273.142c-.39.391-.453.959-.141 1.272s.882.25 1.273-.141c.39-.39.453-.961.141-1.273m-9.858 8.729c-.391.39-.454.959-.142 1.271s.882.25 1.273-.141s.454-.961.142-1.273s-.883-.248-1.273.143M5 5c-.312.312-.249.883.141 1.273c.391.391.961.453 1.273.141s.249-.883-.142-1.273C5.883 4.752 5.312 4.688 5 5m8.727 9.857c.39.391.96.455 1.273.143s.249-.883-.142-1.274s-.96-.453-1.273-.141s-.248.882.142 1.272M10 4.998c.441 0 .8-.447.8-1C10.799 3.445 10.441 3 10 3s-.801.445-.801.998s.358 1 .801 1M10 17c.441 0 .8-.447.8-1s-.358-.998-.799-.998s-.801.445-.801.998c-.001.553.357 1 .8 1m-5-7c0-.441-.45-.8-1.003-.8S3 9.559 3 10s.444.8.997.8S5 10.442 5 10m12 0c0-.441-.448-.8-1.001-.8S15 9.559 15 10s.446.8.999.8S17 10.442 17 10"/></svg>Light Down アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="entypo:light-down" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="entypo:light-down" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="entypo:light-down" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[entypo--light-down]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/entypo -->
<div class="i-entypo:light-down"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="entypo:light-down"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/entypo/light-down.svg" alt="Light Down アイコン" width="24" height="24">Entypo+ の関連アイコン
Light Down アイコン のよくある質問
Light Down アイコンは商用利用でも無料ですか?
はい。Entypo+ icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Light Down アイコンを使うには?
@iconify/react をインストールして <Icon icon="entypo:light-down" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Light Down アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/entypo/light-down.svg" alt="Light Down アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。