Search ikonu
et:search
Search ikonu (et:search), Elegant setinden ücretsiz bir SVG ikondur (yapımcı: Kenny Sing). 33 × 32 ızgara üzerinde çizilmiştir. Elegant icons, GPL 3.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir; ancak ikon dosyalarının değiştirilmiş sürümleri aynı lisansı korumalıdır. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- Elegant
- Yazar
- Kenny Sing
- Lisans
- GPL-3.0-or-later
- Boyut
- 33 × 32
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="33" height="32" viewBox="0 0 33 32"><g fill="currentColor"><path d="M1.5 32h21c.827 0 1.5-.673 1.5-1.5V23c0-.01-.005-.018-.006-.028q.084-.051.166-.105l7.986 7.986a.5.5 0 1 0 .708-.706l-7.913-7.913A6.48 6.48 0 0 0 27 17.5a6.5 6.5 0 0 0-3.006-5.472c.001-.01.006-.018.006-.028V9.5c0-.017-.008-.031-.009-.047q-.004-.033-.013-.065a.5.5 0 0 0-.09-.191c-.007-.009-.006-.02-.013-.029l-8-9l-.01-.006a.5.5 0 0 0-.223-.134q-.027-.008-.056-.011C15.557.012 15.53 0 15.5 0h-14C.673 0 0 .673 0 1.5v29c0 .827.673 1.5 1.5 1.5M26 17.5c0 3.033-2.468 5.5-5.5 5.5S15 20.533 15 17.5s2.468-5.5 5.5-5.5s5.5 2.467 5.5 5.5M16 1.815L22.387 9H16.5c-.22 0-.5-.42-.5-.75zM1 1.5a.5.5 0 0 1 .5-.5H15v7.25c0 .809.655 1.75 1.5 1.75H23v1.501A6.475 6.475 0 0 0 15.821 13H5.5a.5.5 0 0 0 0 1h9.532a6.44 6.44 0 0 0-1.006 3H5.5a.5.5 0 0 0 0 1h8.525a6.45 6.45 0 0 0 1.006 3H5.5a.5.5 0 0 0 0 1h10.25c.021 0 .039-.009.06-.012a6.48 6.48 0 0 0 7.19 1.51V30.5a.5.5 0 0 1-.5.5h-21c-.28 0-.5-.22-.5-.5z"/><path d="M5.5 10h6a.5.5 0 0 0 0-1h-6a.5.5 0 0 0 0 1m0 16h13a.5.5 0 0 0 0-1h-13a.5.5 0 0 0 0 1"/></g></svg>
Search ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="et:search" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="et:search" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="et:search" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[et--search]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/et -->
<div class="i-et:search"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="et:search"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/et/search.svg" alt="Search ikonu" width="24" height="24">
Diğer ikon setlerinde Search ikonu
Search ikonu: sık sorulan sorular
Search ikonu ticari kullanım için ücretsiz mi?
Evet. Elegant icons, GPL 3.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir; ancak ikon dosyalarının değiştirilmiş sürümleri aynı lisansı korumalıdır.
Search ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="et:search" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Search 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/et/search.svg" alt="Search ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Elegant ikonları →
ICONYZ
