Luzia アイコン

Q: Luzia アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:luzia

Luzia アイコン(arcticons:luzia)は、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

SVG をダウンロード

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="M7.273 41.705c.197-2.815.57-6.573 3.74-7.712c4.968-1.784 10.173-5.126 8.892-8.571m6.809-.1c-.244 5.917 4.43 6.466 8.528 7.731c2.921.902 5.182 5.508 5.485 8.356M15.76 31.935c3.618 8.838 15.238 5.331 15.495 0M23.457 4.5c6.816 2.028 7.786 6.317 8.927 11.146c.974 4.117 4.556 5.853-2.7 14.94c2.43-.854 5.117-2.409 4.29 2.118M22.075 4.796c-9.222 1.738-7.942 11.094-9.545 13.353c-2.428 3.421-1.394 9.477 4.302 12.254c-2.334-.778-4.58-.355-4.012 2.36M23.063 7.065c-9.174 1.091-5.067 15.073-8.487 17.072m9.276 1.383c-4.072.402-5.661-2.282-6.217-4.737m9.376 2.08c3.214-2.9 2.672-7.236 1.48-11.949c-1.119-.341-2.237-.97-3.355.197m-4.145.346c.323-.417-1.535-.77-2.764-.444m4.046 6.956c-.656.802.693.784 1.628.741m5.971.493c1.485.498 1.173-2.536-.052-3.306m2.326 5.835c-.017 2.092-.785 3.242-1.827 4.786m-16.582-6.18c0 .955-.23 1.563-.642 2.37m8.388-2.419c1.093.538 2.09.56 3.307.05m-4.441-6.711c-.725-.404-2.012-.494-3.159.099m8.241-.148c.516-.156.182-.608 3.159.099m-2.073 1.33l.049-.937m-7.45 1.086v-1.234m-6.66 19.737c1.508 3.174 1.174 6.346 1.375 9.52m20.418.319c-.358-1.018-.73-3.055-.55-4.611"/></svg>

Luzia アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="arcticons:luzia" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="arcticons:luzia" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="arcticons:luzia" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--luzia]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:luzia"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="arcticons:luzia"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/luzia.svg" alt="Luzia アイコン" width="24" height="24">

Luzia アイコンのよくある質問

Luzia アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Luzia アイコンを使うには?

@iconify/react をインストールして <Icon icon="arcticons:luzia" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Luzia アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/luzia.svg" alt="Luzia アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Arcticons をすべて見る →