Ufo 3 Line Duotone icon

solar:ufo-3-line-duotone

The Ufo 3 Line Duotone icon (solar:ufo-3-line-duotone) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Astronomy
Tags: ufoline, lineduotone, ufolineduotone

Download SVG

SVG code

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

How to use the Ufo 3 Line Duotone icon

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>

Web component

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

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

Related icons in Solar

Ufo 3 Line Duotone icon FAQ

Is the Ufo 3 Line Duotone icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Ufo 3 Line Duotone icon in React?

Install @iconify/react and render <Icon icon="solar:ufo-3-line-duotone" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Ufo 3 Line Duotone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/ufo-3-line-duotone.svg" alt="Ufo 3 Line Duotone icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →