Иконка Alien Sharp

keyline-icons:alien-sharp

Иконка Alien Sharp (keyline-icons:alien-sharp) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 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>

Веб-компонент

<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">

Иконка Alien Sharp в других наборах

Вопросы и ответы: Иконка Alien Sharp

Можно ли бесплатно использовать иконку Alien Sharp в коммерческих проектах?

Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Alien Sharp в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →