Elk アイコン
simple-icons:elk
Elk アイコン(simple-icons:elk)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M1.284 0L.038.392C.765 3.308 1.763 4.84 2.9 5.64c1.153.818 2.483.888 3.938.74c1.934-.2 4.117-.836 6.345.095c.603.305 1.238.692 1.911 1.206c.356-.122.666-.279.975-.392c0 0 .248-.892-.155-2.032c-.348-1.001-1.215-2.264-3.404-3.151l-.434 1.358c1.347.557 2.074 1.244 2.445 1.897c.055.096.093.183.132.27a7 7 0 0 0-.89-.453c-2.173-1.13-3.913-1.2-5.307-1.374c-.742-.087-1.37-.191-1.888-.61C6.05 2.769 5.663 2.029 5.33.74l-1.238.41c.441 1.705 1.03 2.645 1.718 3.211c.31.252.642.435.998.566c-1.222.074-2.375.058-3.226-.514C2.638 3.743 1.887 2.42 1.284 0m6.925.313c-.07.975.085 1.767.34 2.412c.596.083 1.114.095 1.656.2c-.418-.522-.79-1.323-.712-2.507Zm9.308 1.175l-.843 1.089c.634.626.812 1.375.812 2.01a4.5 4.5 0 0 0-1.014-.774c.558.732.635 2.033.674 2.733l1.199.148s1.362-3.064-.828-5.206m-6.244 6.037C9.919 7.7 9.199 7.3 8.766 8.726c0 0 1.455 2.429 5.331 2.368c-.217.992-.116 1.724-.116 2.603c0 2.924-2.09 5.475-6.693 5.475c-.86 0-1.787.063-2.723.21C6.218 22.49 9.386 24 13.715 24c1.813 0 3.424-.407 4.804-1.149q.126-.57.236-1.198c.14-.784.217-1.445.255-2.01c.178-1.437.279-3.056.31-4.902l-1.896-.67h5.826l.565-1.436c-.55.026-1.207-.296-1.207-.296l.132-.697h1.222l-6.615-3.856c-.735.314-1.51.723-2.05 1.219c-.434-.348-1.935-1.436-4.024-1.48"/></svg>Elk アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:elk" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:elk" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:elk" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--elk]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:elk"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:elk"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/elk.svg" alt="Elk アイコン" width="24" height="24">他のアイコンセットの Elk アイコン
Elk アイコン のよくある質問
Elk アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Elk アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:elk" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Elk アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/elk.svg" alt="Elk アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。