ICONYZ
Türkçe
MingCute Icon setinden Ufo Line ikonu

Ufo Line ikonu

mingcute:ufo-line

Ufo Line ikonu (mingcute:ufo-line), MingCute Icon setinden ücretsiz bir SVG ikondur (yapımcı: MingCute Design). 24 × 24 ızgara üzerinde çizilmiştir. MingCute Icon icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti
MingCute Icon
Yazar
MingCute Design
Lisans
Apache-2.0
Boyut
24 × 24
Etiketler
ufoline
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.5 4.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path fill="currentColor" d="M6.33 14.835a1 1 0 0 0-.658-1.889l.329.945zm11.998-1.889a1 1 0 0 0-.658 1.89l.33-.946zM18 14l.6.8l.4-.3V14zM6 14H5v.5l.4.3zm15 2.5h-1c0 .109-.053.322-.384.626c-.332.306-.868.627-1.614.917C16.515 18.62 14.394 19 12 19v2c2.577 0 4.956-.404 6.726-1.093c.883-.343 1.665-.776 2.244-1.308c.58-.533 1.03-1.241 1.03-2.099zM12 20v-1c-2.394 0-4.515-.38-6.002-.957c-.746-.29-1.282-.611-1.614-.917C4.053 16.822 4 16.61 4 16.5H2c0 .858.45 1.566 1.03 2.099c.58.532 1.361.965 2.244 1.308C7.044 20.596 9.423 21 12 21zm-9-3.5h1c0-.116.062-.354.458-.691c.393-.335 1.018-.677 1.872-.974L6 13.891l-.329-.945c-.988.344-1.863.789-2.51 1.34C2.518 14.833 2 15.578 2 16.5zm14.999-2.61l-.329.945c.854.297 1.48.64 1.872.973c.396.338.458.576.458.692h2c0-.92-.518-1.666-1.162-2.215c-.647-.55-1.522-.995-2.51-1.339zM6 14l-.6.8l.002.001l.001.002q.002 0 .005.003l.01.007a2 2 0 0 0 .127.087q.12.081.34.206a9 9 0 0 0 1.264.58c1.104.415 2.723.814 4.851.814v-2c-1.872 0-3.253-.35-4.149-.686a7 7 0 0 1-.986-.451a4 4 0 0 1-.266-.164l-.005-.004l.001.002l.002.001H6.6v.002zm6 1.5v1c2.128 0 3.746-.4 4.851-.814a9 9 0 0 0 1.264-.58a6 6 0 0 0 .467-.293l.01-.007l.005-.003l.001-.002h.001S18.6 14.8 18 14l-.6-.8l.001-.001l.002-.001l.002-.001l.001-.002l-.005.004l-.043.03a4 4 0 0 1-.223.134a7 7 0 0 1-.986.45c-.896.336-2.277.687-4.149.687zM12 8v1a5 5 0 0 1 5 5h2a7 7 0 0 0-7-7zm0 0V7a7 7 0 0 0-7 7h2a5 5 0 0 1 5-5zm0 0h1V4.5h-2V8zm.5-3.5h-1A.5.5 0 0 1 12 4v2a1.5 1.5 0 0 0 1.5-1.5zM12 5V4a.5.5 0 0 1 .5.5h-2A1.5 1.5 0 0 0 12 6zm-.5-.5h1a.5.5 0 0 1-.5.5V3a1.5 1.5 0 0 0-1.5 1.5zM12 4v1a.5.5 0 0 1-.5-.5h2A1.5 1.5 0 0 0 12 3z"/></svg>

Ufo Line ikonu nasıl kullanılır

React

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

<Icon icon="mingcute:ufo-line" width="24" />

Vue

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

<template>
  <Icon icon="mingcute:ufo-line" width="24" />
</template>

Svelte

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

<Icon icon="mingcute:ufo-line" width="24" />

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

<iconify-icon icon="mingcute:ufo-line"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/mingcute/ufo-line.svg" alt="Ufo Line ikonu" width="24" height="24">

MingCute Icon setindeki benzer ikonlar

Ufo Line ikonu: sık sorulan sorular

Ufo Line ikonu ticari kullanım için ücretsiz mi?

Evet. MingCute Icon icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Ufo Line ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="mingcute:ufo-line" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Ufo Line ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/mingcute/ufo-line.svg" alt="Ufo Line ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: MingCute Icon ikonları →