Lunacy アイコン
simple-icons:lunacy
Lunacy アイコン(simple-icons:lunacy)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.031 6h-6v12h11.996v-6l-5.996 5.996Zm6.563 2.309a4.01 4.01 0 0 1-2.371-2.375a4.03 4.03 0 0 1-2.375 2.375a4.04 4.04 0 0 1 2.375 2.375a4.01 4.01 0 0 1 2.37-2.375ZM0 9.602c0-3.364 0-5.043.652-6.325A6.04 6.04 0 0 1 3.277.652C4.56 0 6.238 0 9.602 0h4.796c3.364 0 5.043 0 6.325.652a6.04 6.04 0 0 1 2.625 2.625C24 4.56 24 6.238 24 9.602v4.796c0 3.364 0 5.043-.652 6.325a6.04 6.04 0 0 1-2.625 2.625C19.44 24 17.762 24 14.398 24H9.602c-3.364 0-5.043 0-6.325-.652a6.04 6.04 0 0 1-2.625-2.625C0 19.44 0 17.762 0 14.398Z"/></svg>Lunacy アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:lunacy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:lunacy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:lunacy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--lunacy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:lunacy"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:lunacy"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/lunacy.svg" alt="Lunacy アイコン" width="24" height="24">他のアイコンセットの Lunacy アイコン
Lunacy アイコン のよくある質問
Lunacy アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Lunacy アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:lunacy" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Lunacy アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/lunacy.svg" alt="Lunacy アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。