Elk アイコン

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

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

selfhst:elk

Elk アイコン(selfhst:elk)は、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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#ea9e44" d="M404.2 415.3c3.8-30.4 5.9-64.6 6.5-103.6l-40.1-14.2h123.2l11.9-30.4c-11.6.6-25.5-6.3-25.5-6.3l2.8-14.7h25.8L369 164.6c-15.5 6.6-31.9 15.3-43.4 25.8c-9.2-7.4-40.9-30.4-85.1-31.3c-28.6 3.7-43.8-4.8-53 25.4c0 0 30.8 51.3 112.7 50.1c-4.6 21-2.5 36.4-2.5 55c0 61.8-44.2 115.8-141.5 115.8c-24.7 0-52.2 2.5-79.1 8.5c8.8 15.2 19.6 28.7 32.1 40.3l.4-.2l.3.9c41.7 38.4 103.1 57.2 180.5 57.2c37.6 0 71.5-6.8 101.1-19.4q3.9-16.2 7.2-34.8c3.1-16.7 4.7-30.7 5.5-42.6"/><path fill="#c16929" d="M3.1 8.3L29.4 0C42.2 51.2 58.1 79.1 78 93.3c18 12.1 42.4 12.4 68.2 10.9c-7.5-2.8-14.6-6.6-21.1-12c-14.6-12-27-31.8-36.3-67.9l26.2-8.7c7 27.2 15.2 42.9 26.2 51.9c11 8.8 24.2 11 39.9 12.9c29.4 3.7 66.3 5.2 112.2 29.1c6.2 2.6 12.6 5.9 18.8 9.6c-.8-1.8-1.6-3.7-2.8-5.7c-7.9-13.8-23.2-28.3-51.7-40.1l9.2-28.7c46.3 18.8 64.6 45.5 72 66.6c8.5 24.1 3.3 43 3.3 43c-6.5 2.4-13.1 5.7-20.6 8.3c-14.2-10.9-27.6-19-40.4-25.5c-47.1-19.7-93.2-6.3-134.1-2c-30.8 3.1-58.9 1.7-83.3-15.6C39.6 102.3 18.5 69.9 3.1 8.3M183 57.6c-5.4-13.6-8.7-30.4-7.2-51L203 8.8c-1.6 25 6.2 42 15 53c-11.4-2.2-22.4-2.4-35-4.2m171.8-3.1l17.8-23c46.3 45.3 17.5 110.1 17.5 110.1l-25.4-3.1c-.8-14.8-2.5-42.3-14.2-57.8c7.7 4.4 14.2 9.2 21.4 16.4c.1-13.5-3.7-29.4-17.1-42.6"/></svg>

Elk アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

他のアイコンセットの Elk アイコン

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

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

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

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

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

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

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

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