Baikal Light アイコン

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

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

selfhst:baikal-light

Baikal Light アイコン(selfhst:baikal-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
タグ: baikallight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M256.9 256.2c27.2 71.8 97.3 115.6 173.5 113.2c-5.1 32.2-20.1 61.9-42.3 85.9c-30.7 33.3-73 53.3-118.3 56.7h-27.5c-79.8-5.8-147.8-64-160.8-143.1c76.4 3 146.6-40.9 173.7-112.7c.6-1.4 1.3-1.4 1.7 0m1.3-215.8c-45.1 0-82.8 25.4-98.9 64.7c0 0-.1.2-.2.6l3.1-1.7c29.5-3 56.1-18.4 74.2-41.9c1.1-1.6 2.2-1.6 3.4 0c26 34.3 70.5 50.1 112.2 38.9l3.4.5h.1c-17.4-36.4-54.3-61.1-97.3-61.1" opacity=".8"/><path fill="#fff" d="M432.5 333.1v17.2l-.6 8.5l-1.4 10.7c-76.2 2.4-146.3-41.4-173.5-113.2c0-.1 0-.1-.1-.2h1.3c59.6 0 107.8-48.3 107.8-107.8S317.8 40.4 258.2 40.4S150.4 88.6 150.4 148.2c0 58.6 46.8 106.3 105 107.8c0 .1 0 .1-.1.2C228.2 328 158 371.8 81.6 368.9c-3.6-21.9-2.2-43.4 2-65.2l36.6-193.5c4.4-23.3 15.7-44.4 31-62.1l14.1-14c53.9-46.8 134.5-45 186.3 3.9c11.8 11.2 21.4 23.9 29 38.7c7.9 15.5 11.4 32.2 14.6 49.2l2.1 11.2l2.1 11.7l2.6 14l12.2 64.4l2.2 11.8l2.1 11.1l2.1 11.1l2.1 11.1l2.1 11.1l2.2 11.7l1.2 5.8c1.7 8.3 3.2 16.5 3.9 25zM179 185.3c0 9.2 7.5 16.7 16.7 16.7s16.7-7.5 16.7-16.7s-7.5-16.7-16.7-16.7s-16.7 7.5-16.7 16.7m120.2 0c0 9.2 7.5 16.7 16.7 16.7s16.7-7.5 16.7-16.7s-7.5-16.7-16.7-16.7s-16.7 7.5-16.7 16.7m-59.5-26.5c-3.9-16.6-18.7-26.5-33.9-26.4c-15.4.1-29.6 10.6-33.3 26.6c21-13.3 46.2-13 67.2-.2m100.1 0c-3.9-16.6-18.7-26.5-33.9-26.4c-15.4.1-29.6 10.6-33.3 26.6c21-13.3 46.1-13 67.2-.2m-58.6 50.8c-.6-.4-1.7-.9-2.8-.6l-11.2 2.5c-7.5 1.6-14.7 1.6-22.2 0l-11.2-2.5c-1.2-.3-2.6.4-3.1 1c-2.7 3 .3 10.5 6.9 14c11.4 6.1 25.8 6.1 37.2 0c7.3-4.1 9.6-12.2 6.4-14.4"/></svg>

Baikal Light アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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