ICONYZ
Türkçe
OpenSearch UI setinden Index Close ikonu

Index Close ikonu

oui:index-close

Index Close ikonu (oui:index-close), OpenSearch UI setinden ücretsiz bir SVG ikondur (yapımcı: OpenSearch Contributors). 24 × 24 ızgara üzerinde çizilmiştir. OpenSearch UI 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
OpenSearch UI
Yazar
OpenSearch Contributors
Lisans
Apache-2.0
Boyut
24 × 24
Etiketler
indexclose
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 2H2v11h6v1H1V1h12v6h-1zM5 5h5.999V4H5zM3 5V4h1v1zm2 3V7h3v1zM3 8V7h1v1zm2 3v-1h2v1zm5.5-1.207L9.086 8.379l-.707.707L9.793 10.5l-1.414 1.414l.707.707l1.414-1.414l1.414 1.414l.707-.707l-1.414-1.414l1.414-1.414l-.707-.707zM3 11v-1h1v1zm7.5-5a4.5 4.5 0 1 1 0 9a4.5 4.5 0 0 1 0-9"/></svg>

Index Close ikonu nasıl kullanılır

React

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

<Icon icon="oui:index-close" width="24" />

Vue

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

<template>
  <Icon icon="oui:index-close" width="24" />
</template>

Svelte

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

<Icon icon="oui:index-close" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/oui -->
<div class="i-oui:index-close"></div>

Web bileşeni

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

<iconify-icon icon="oui:index-close"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/oui/index-close.svg" alt="Index Close ikonu" width="24" height="24">

OpenSearch UI setindeki benzer ikonlar

Index Close ikonu: sık sorulan sorular

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

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

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

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

Index 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/oui/index-close.svg" alt="Index 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: OpenSearch UI ikonları →