ICONYZ
Türkçe
IconPark setinden Preview Close ikonu

Preview Close ikonu

icon-park:preview-close

Preview Close ikonu (icon-park:preview-close), IconPark setinden ücretsiz bir SVG ikondur (yapımcı: ByteDance). 48 × 48 ızgara üzerinde çizilmiştir. IconPark 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
IconPark
Yazar
ByteDance
Lisans
Apache-2.0
Boyut
48 × 48
Kategori
Temel
Etiketler
previewclose
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M6 16C6.63472 17.2193 7.59646 18.3504 8.82276 19.3554C12.261 22.1733 17.779 24 24 24C30.221 24 35.739 22.1733 39.1772 19.3554C40.4035 18.3504 41.3653 17.2193 42 16"/><path d="M28.9775 24L31.048 31.7274"/><path d="M37.3535 21.3536L43.0103 27.0104"/><path d="M5.00004 27.0103L10.6569 21.3534"/><path d="M16.9278 31.7276L18.9983 24.0001"/></g></svg>

Preview Close ikonu nasıl kullanılır

React

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

<Icon icon="icon-park:preview-close" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:preview-close" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:preview-close" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--preview-close]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:preview-close"></div>

Web bileşeni

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

<iconify-icon icon="icon-park:preview-close"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/icon-park/preview-close.svg" alt="Preview Close ikonu" width="24" height="24">

IconPark setindeki benzer ikonlar

Diğer ikon setlerinde Preview Close ikonu

Preview Close ikonu: sık sorulan sorular

Preview Close ikonu ticari kullanım için ücretsiz mi?

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

Preview Close ikonunu React'te nasıl kullanırım?

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

Preview Close 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/icon-park/preview-close.svg" alt="Preview Close ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

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