Visernic Light アイコン

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

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:visernic-light

Visernic Light アイコン(selfhst:visernic-light)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512
タグ: viserniclight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M492.5 355c-38.9 94.9-138.6 159.7-241.2 156.8h-.1C109 508.6-4.8 390.2.2 248C4.1 107.6 124.6-5.9 265 .4c92 1.7 179.6 58.8 219.9 140.9c3.5 6.7 6.5 13.6 9.3 20.7c.3.7.6 1.6.7 2c0 .1.1.2.1.3c0 .4-.5-.4-1.1-1.1l-.9-1.2c-28.1-34.4-74.5-47.7-116.4-32.1c-32.3-30.7-75.8-48.8-120.5-48.1C133.6 80.6 48.6 207.6 94.2 320.6C139 431.4 280 466 370.6 387.2c40.4-35 62.7-87.6 59.3-141.2c-.4-11.6-2.5-21.4-4.9-32.9c-.1-.8-.2-1.3-.1-1.5s.5-.3 1.2-.7c1.1-.5 2.4-1.1 3.5-1.6c24.8-11.2 54.4-10.6 78 4.1c.4.2.9.5 1 .8c.2.5.2.9.3 1.7C516 262.8 511 311 492.5 355m-72-224.4c-8-.2-16.9-.4-23.4 1c-11.8 2-25.2 7-35 13.1c-11.1 6.8-18.9 14.5-28.6 26.1c-5.8 6.7-11.3 13.2-16.9 19.8c-19.7 23.5-39 45.9-58.3 68.9c-5-5.1-10.2-10.1-15.7-15c-6.7-6.7-14.1-12.6-22-17.7c-30-20.2-70-20.9-100.8-1.6c-1.6 1.2-3 2.8-2.9 4.7c.1 2.3 2.1 4.3 3.6 6c11.1 11.8 22.2 23.3 33.2 35c7.2 7.6 14.8 15.6 22 23.3c3.1 3 5.9 6.6 9.1 9.7c.1.1.3.3.5.7c.3.3.6.7.8 1c5.2 5.6 10.7 11.6 15.9 17.3c4.8 5.1 9.7 10.3 14.4 15.5c11.2 12.7 20.4 22.1 38 24.1h.2c11 .9 22.4-2 31.1-8.8c4.7-3.2 15.3-16.4 21.4-23.4c5.5-6.4 15-17.7 19.4-22.9c16.6-19.6 34.1-40.5 50.4-59.9c5.1-6.1 9.7-11.5 14.8-17.4c11.6-13.8 28.9-25.9 46.1-30.8c22.6-6.7 45.3-5.7 66.5 4.9c.7.3 1.6.7 2.3 1c.9.3.8.2.7-.2c-5-17.2-13.9-33.7-26.9-46.4c-15.6-15.8-37.8-26.4-59.9-28"/></svg>

Visernic Light アイコンの使い方

React

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

<Icon icon="selfhst:visernic-light" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:visernic-light" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:visernic-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--visernic-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:visernic-light"></div>

Web コンポーネント

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

<iconify-icon icon="selfhst:visernic-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/visernic-light.svg" alt="Visernic Light アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

Visernic Light アイコンのよくある質問

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

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

selfh.st/icons をすべて見る →