Alien Sharp Fill アイコン
keyline-icons:alien-sharp-fill
Alien Sharp Fill アイコン(keyline-icons:alien-sharp-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- aliensharp、sharpfill、aliensharpfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 10C2.0011 8.5996 2.3588 7.2226 3.0392 5.9987C3.5423 5.0938 4.1958 4.2812 4.9717 3.5957C5.7669 2.8922 6.6683 2.3187 7.6424 1.8964C9.0089 1.3051 10.4822 1 11.9712 1C11.9808 1 11.9904 1 12 1C12.0096 1 12.0192 1 12.0288 1C13.5178 1 14.9911 1.3051 16.3576 1.8964C17.3317 2.3187 18.2331 2.8922 19.0283 3.5957C19.8042 4.2812 20.4577 5.0938 20.9608 5.9987C21.6412 7.2226 21.9989 8.5996 22 10C21.9966 10.7308 21.9184 11.4592 21.7666 12.1741C21.6127 12.9023 21.3997 13.6169 21.1299 14.3106C20.7206 15.3612 20.2077 16.3685 19.5987 17.3174C19.0106 18.241 18.3368 19.1073 17.5864 19.9047C17.1181 20.4025 16.6142 20.8654 16.0787 21.2899C15.5837 21.6841 15.0522 22.0302 14.4914 22.3234C14.2271 22.4601 13.9545 22.5799 13.6751 22.6822C13.4045 22.7814 13.1267 22.8595 12.844 22.9156C12.5662 22.9717 12.2834 23 12 23C11.7166 23 11.4338 22.9717 11.156 22.9156C10.8733 22.8595 10.5955 22.7814 10.3249 22.6822C10.0455 22.5799 9.7729 22.4601 9.5086 22.3234C8.9478 22.0302 8.4163 21.6841 7.9213 21.2899C7.3858 20.8654 6.8819 20.4025 6.4136 19.9047C5.1481 18.5568 4.1018 17.0188 3.313 15.3466C2.993 14.6688 2.7236 13.9682 2.5069 13.2507C2.2929 12.5448 2.1435 11.8209 2.0605 11.088C2.0206 10.7267 2.0004 10.3635 2 10ZM10.7565 13.3761C11.2993 12.4636 10.7201 10.8839 9.463 9.8478C8.2058 8.8116 6.7467 8.7114 6.2038 9.6239C5.6609 10.5364 6.2401 12.1161 7.4972 13.1522C8.7544 14.1885 10.2136 14.2887 10.7565 13.3761ZM17.7963 9.6239C17.2534 8.7114 15.7942 8.8116 14.537 9.8478C13.2799 10.8839 12.7007 12.4636 13.2435 13.3761C13.7864 14.2887 15.2456 14.1885 16.5028 13.1522C17.7599 12.1161 18.3391 10.5364 17.7963 9.6239Z" clip-rule="evenodd"/></svg>Alien Sharp Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:alien-sharp-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:alien-sharp-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:alien-sharp-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--alien-sharp-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:alien-sharp-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:alien-sharp-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/alien-sharp-fill.svg" alt="Alien Sharp Fill アイコン" width="24" height="24">Keyline Icons の関連アイコン
Alien Sharp Fill アイコン のよくある質問
Alien Sharp Fill アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Alien Sharp Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:alien-sharp-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Alien Sharp Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/alien-sharp-fill.svg" alt="Alien Sharp Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。