Kherad Light アイコン

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

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

selfhst:kherad-light

Kherad Light アイコン(selfhst:kherad-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
タグ: kheradlight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M370 244.4c-5.7-3.3-7.7-10.7-4.4-16.4c2.5-4.4 7.4-6.5 12-5.9c5.1-21.1-4.7-42.4-22.7-52.8c-1.2 3.4-2.7 6.8-4.6 10.1c-3.3 5.7-10.6 7.7-16.4 4.4c-5.7-3.3-7.7-10.7-4.4-16.4c9.1-15.8 3.7-36-12.1-45.1c-7.6-4.4-16.5-5.6-25-3.3s-15.6 7.7-20 15.4c-2.9 5-4.4 10.7-4.4 16.5v60c0 22.3 15 42.2 36.4 48.5c6.4 1.9 10 8.5 8.2 14.9c-1.5 5.2-6.3 8.6-11.5 8.6c-1.1 0-2.2-.2-3.4-.5c-11.3-3.3-21.3-9.2-29.6-16.9V346c0 2 .1 4.1.4 6.1c3.4 26.2 27.5 44.8 53.8 41.4c12.7-1.6 24-8.1 31.9-18.3c4.5-5.8 7.4-12.4 8.9-19.3c-5.5 1.3-11.1 2.1-16.9 2.1c-6.6 0-12-5.4-12-12s5.4-12 12-12c12.8 0 24.9-5 33.9-14.1c9.1-9.1 14.1-21.1 14.1-33.9c-.2-17.1-9.4-33-24.2-41.6"/><path fill="#fff" d="M400 0H112C50.1 0 0 50.1 0 112v288c0 61.9 50.1 112 112 112h288c61.9 0 112-50.1 112-112V112C512 50.1 461.9 0 400 0m-3.1 336.9c-2.8 2.8-5.8 5.3-8.9 7.5c.4 16.4-4.8 32.3-14.9 45.5c-11.7 15.2-28.7 25-47.8 27.4q-4.65.6-9.3.6c-24.5 0-46.9-12.6-60-32.2c-12.9 19.4-35 32.2-60 32.2h-.1c-19.2 0-37.3-7.5-50.9-21.1s-21.1-31.7-21-50.9v-1.5C105.9 331.3 94 310 94 286c0-18.6 7.3-36.2 19.7-49.4c-1-2.5-1.8-5.1-2.5-7.7c-4.8-18.6-2-38 7.7-54.6c8.2-13.9 20.6-24.4 35.5-30.2C157.9 115.9 181.9 94 211 94c18.3 0 34.5 8.6 45 22c7.6-9.8 18.1-16.8 30.3-20.1c14.7-3.9 30.1-1.9 43.3 5.7c16.1 9.3 25.9 25.3 28 42.5c33.2 13.1 52.4 49.3 43.3 84.8c-.7 2.6-1.5 5.2-2.5 7.7c12.4 13.2 19.7 30.8 19.7 49.4c-.1 19.2-7.6 37.3-21.2 50.9"/><path fill="#fff" d="M211 118c-18.2 0-33 14.8-33 33c0 5.8 1.5 11.5 4.4 16.5c3.3 5.7 1.3 13.1-4.4 16.4c-1.9 1.1-4 1.6-6 1.6c-4.1 0-8.2-2.2-10.4-6c-1.9-3.2-3.4-6.6-4.6-10.1c-7.1 4.1-13.1 9.9-17.4 17.2c-6.4 10.8-8.2 23.4-5.3 35.6c4.7-.7 9.5 1.5 12.1 5.9c3.3 5.7 1.3 13.1-4.4 16.4c-14.8 8.5-24 24.5-24 41.6c0 26.5 21.5 48 48 48c6.6 0 12 5.4 12 12s-5.4 12-12 12c-5.8 0-11.5-.8-16.9-2.1c4.6 21.7 23.9 38 46.9 38h.1c12.8 0 24.8-5 33.9-14c9.1-9.1 14.1-21.1 14.1-33.9v-80.4c-8.3 7.7-18.3 13.6-29.6 16.9c-6.4 1.9-13-1.8-14.9-8.2s1.8-13 8.2-14.9C229 253.2 244 233.3 244 211v-60c0-8.8-3.4-17.1-9.7-23.3c-6.2-6.3-14.5-9.7-23.3-9.7"/></svg>

Kherad Light アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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