Elk Light アイコン

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

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

selfhst:elk-light

Elk Light アイコン(selfhst:elk-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
タグ: elklight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M398.8 457.8q-3.3 18.6-7.2 34.8C362 505.2 328.2 512 290.5 512c-77.3 0-138.7-18.8-180.5-57.2l-.3-.9l-.4.2C96.8 442.5 86 429 77.2 413.8c27-6 54.4-8.5 79.1-8.5c97.3 0 141.5-53.9 141.5-115.8c0-18.6-2.1-34 2.5-55c-82 1.3-112.7-50.1-112.7-50.1c9.2-30.2 24.4-21.7 53-25.4c44.2.9 75.9 23.9 85.1 31.3c11.5-10.5 27.8-19.1 43.4-25.8L509 246h-25.8l-2.8 14.7s13.9 6.8 25.5 6.3L494 297.4H370.7l40.1 14.2c-.7 39-2.8 73.2-6.5 103.6c-.9 12-2.5 26-5.5 42.6M63.6 119.3c24.4 17.3 52.5 18.8 83.3 15.6c40.9-4.2 87-17.7 134.1 2c12.8 6.4 26.2 14.6 40.4 25.5c7.5-2.6 14.1-5.9 20.6-8.3c0 0 5.2-18.9-3.3-43c-7.4-21.2-25.7-47.8-72-66.6l-9.2 28.7c28.5 11.8 43.8 26.3 51.7 40.1c1.1 2 2 3.9 2.8 5.7c-6.2-3.7-12.6-7-18.8-9.6c-46-23.9-82.8-25.4-112.2-29.1c-15.7-1.8-29-4-39.9-12.9c-11-9-19.1-24.7-26.2-51.9l-26.2 8.7C98 60.3 110.5 80.1 125 92.1c6.5 5.3 13.6 9.2 21.1 12c-25.8 1.6-50.2 1.2-68.2-10.9C58.1 79.1 42.2 51.2 29.4 0L3.1 8.3c15.4 61.6 36.5 94 60.5 111M218 61.8c-8.8-11-16.7-28-15-53l-27.2-2.2c-1.5 20.6 1.8 37.4 7.2 51c12.6 1.8 23.6 2 35 4.2M372 97c-7.2-7.2-13.7-12-21.4-16.4c11.8 15.5 13.4 43 14.2 57.8l25.4 3.1S419 76.7 372.7 31.4l-17.8 23C368.2 67.7 372 83.6 372 97"/></svg>

Elk Light アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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