Иконка Ufo 3 Line Duotone

solar:ufo-3-line-duotone

Иконка Ufo 3 Line Duotone (solar:ufo-3-line-duotone) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Астрономия
Теги: ufoline, lineduotone, ufolineduotone

Скачать 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-width="1.5"><path d="M18.922 12.1496C20.5253 14.7734 20.9935 17.1491 19.9012 18.2415C18.2713 19.8714 13.7841 18.0269 9.8789 14.1216C5.97365 10.2164 4.12913 5.72927 5.75904 4.09936C6.8514 3.007 9.22714 3.47523 11.851 5.0785"/><path d="M11.4848 5.44459C13.3314 3.5979 16.3255 3.5979 18.1722 5.44459L18.5558 5.82818C20.4025 7.67488 20.4025 10.669 18.5558 12.5157C18.4305 12.641 18.2697 12.7251 18.0953 12.6938C17.5988 12.6046 16.3769 12.1346 14.1214 9.87903C11.8658 7.62347 11.3958 6.40162 11.3066 5.90516C11.2753 5.7307 11.3594 5.56993 11.4848 5.44459Z"/><path stroke-linecap="round" d="M3.636 20.3635L7.75732 16.2422"/><path stroke-linecap="round" d="M10 22L12.7072 19.7777" opacity=".5"/><path stroke-linecap="round" d="M2 14L4.22192 11.293" opacity=".5"/><path stroke-linecap="round" stroke-linejoin="round" d="M16.2427 14.8281H16.2428"/><path stroke-linecap="round" stroke-linejoin="round" d="M12 12H12.0001" opacity=".5"/><path stroke-linecap="round" stroke-linejoin="round" d="M9.17163 7.75684H9.17173"/></g></svg>

Как использовать иконку Ufo 3 Line Duotone

React

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

<Icon icon="solar:ufo-3-line-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:ufo-3-line-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:ufo-3-line-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--ufo-3-line-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:ufo-3-line-duotone"></div>

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

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

<iconify-icon icon="solar:ufo-3-line-duotone"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/solar/ufo-3-line-duotone.svg" alt="Иконка Ufo 3 Line Duotone" width="24" height="24">

Вопросы и ответы: Иконка Ufo 3 Line Duotone

Можно ли бесплатно использовать иконку Ufo 3 Line Duotone в коммерческих проектах?

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Ufo 3 Line Duotone в React?

Установите @iconify/react и выведите <Icon icon="solar:ufo-3-line-duotone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Ufo 3 Line Duotone на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/ufo-3-line-duotone.svg" alt="Иконка Ufo 3 Line Duotone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →