Alien Sharp アイコン

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

はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

keyline-icons:alien-sharp

Alien Sharp アイコン(keyline-icons:alien-sharp)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: aliensharp

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path d="M3 10C3 5.5817 7.0295 2 12 2C16.9705 2 21 5.5817 21 10C21 15.5 15.6 22 12 22C8.4 22 3 15.5 3 10Z"/><path fill="currentColor" fill-rule="evenodd" d="M10.7565 13.3761C10.2136 14.2887 8.7544 14.1885 7.4972 13.1522C6.2401 12.1161 5.6609 10.5364 6.2038 9.6239C6.7467 8.7114 8.2058 8.8116 9.463 9.8478C10.7201 10.8839 11.2993 12.4636 10.7565 13.3761ZM17.7963 9.6239C18.3391 10.5364 17.7599 12.1161 16.5028 13.1522C15.2456 14.1885 13.7864 14.2887 13.2435 13.3761C12.7007 12.4636 13.2799 10.8839 14.537 9.8478C15.7942 8.8116 17.2534 8.7114 17.7963 9.6239Z" clip-rule="evenodd" stroke="none"/></g></svg>

Alien Sharp アイコンの使い方

React

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

<Icon icon="keyline-icons:alien-sharp" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:alien-sharp" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:alien-sharp" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--alien-sharp]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:alien-sharp"></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"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/alien-sharp.svg" alt="Alien Sharp アイコン" width="24" height="24">

Keyline Icons の関連アイコン

他のアイコンセットの Alien Sharp アイコン

Alien Sharp アイコンのよくある質問

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

はい。Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Keyline Icons をすべて見る →