Ufo icon
tabler:ufo
The Ufo icon (tabler:ufo) is a free SVG icon from the Tabler Icons set by Paweł Kuna. It is drawn on a 24 × 24 grid. Tabler Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Tabler Icons
- Author
- Paweł Kuna
- License
- MIT
- Size
- 24 × 24
- Tags
- alien, space, astronomy, spaceship, galaxy, entertainment, playing, recreation, fun, games
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-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M16.95 9.01c3.02.739 5.05 2.123 5.05 3.714C22 15.091 17.52 17 12 17S2 15.091 2 12.724C2 11.134 4.04 9.739 7.07 9"/><path d="M7 9c0 1.105 2.239 2 5 2s5-.895 5-2v-.035C17 6.223 14.761 4 12 4S7 6.223 7 8.965zm8 8l2 3m-8.5-3L7 20m5-6h.01M7 13h.01M17 13h.01"/></g></svg>
How to use the Ufo icon
React
import { Icon } from "@iconify/react";
<Icon icon="tabler:ufo" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="tabler:ufo" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="tabler:ufo" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[tabler--ufo]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/tabler -->
<div class="i-tabler:ufo"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="tabler:ufo"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/tabler/ufo.svg" alt="Ufo icon" width="24" height="24">
Related icons in Tabler Icons
Ufo icon in other icon sets
Ufo icon FAQ
Is the Ufo icon free for commercial use?
Yes. Tabler Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Ufo icon in React?
Install @iconify/react and render <Icon icon="tabler:ufo" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ufo icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/tabler/ufo.svg" alt="Ufo icon">, or paste the SVG code inline to style it with CSS.
Browse all Tabler Icons →
ICONYZ
