Ikon Search Tint
glyphs-poly:search-tint
Ikon Search Tint (glyphs-poly:search-tint) adalah ikon SVG gratis dari set Glyphs Poly karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs Poly icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Glyphs Poly
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
- Tag
- searchtint
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#f2c94c" fill-rule="evenodd" d="M63.453 67.749L50.725 55.017a2.998 2.998 0 1 1 4.24-4.24l12.73 12.732a2.998 2.998 0 0 1-4.242 4.24" clip-rule="evenodd"/><path fill="#f2c94c" d="m50.725 55.017l1.414-1.414zm12.728 12.732l1.415-1.414zM50.725 50.777l1.414 1.414zm4.24 0l-1.414 1.414zm12.73 12.732l1.414-1.414zm-.001 4.24l-1.414-1.414zM49.31 56.431l12.73 12.732l2.829-2.828L52.14 53.603zm0-7.068a5 5 0 0 0 0 7.068l2.83-2.828a1 1 0 0 1 0-1.412zm7.07 0a5 5 0 0 0-7.07 0l2.83 2.828a1 1 0 0 1 1.411 0zm12.73 12.732L56.38 49.363l-2.829 2.828L66.28 64.923zm0 7.068a5 5 0 0 0 0-7.068l-2.83 2.828a1 1 0 0 1 0 1.412zm-7.07 0a5 5 0 0 0 7.07 0l-2.83-2.828a1 1 0 0 1-1.411 0z"/><path fill="#2f80ed" d="M15.597 29.069a19.053 19.053 0 1 1 36.807 9.863a19.053 19.053 0 0 1-36.808-9.863"/><path fill="#f2f2f2" d="M20.742 33.997a2 2 0 1 0 4 0zm7.628-9.747l1 1.732zm5.627.492a2 2 0 1 0 0-4zm-9.255 9.256a9.26 9.26 0 0 1 4.628-8.016l-2-3.464a13.26 13.26 0 0 0-6.628 11.48zm9.254-13.256a13.25 13.25 0 0 0-6.626 1.776l2 3.464a9.25 9.25 0 0 1 4.627-1.24z"/></g></svg>Cara memakai ikon Search Tint
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:search-tint" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:search-tint" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:search-tint" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--search-tint]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:search-tint"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:search-tint"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/search-tint.svg" alt="Ikon Search Tint" width="24" height="24">Ikon terkait di Glyphs Poly
Ikon Search Tint di set ikon lain
FAQ Ikon Search Tint
Apakah ikon Search Tint gratis untuk penggunaan komersial?
Ya. Glyphs Poly icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Search Tint di React?
Pasang @iconify/react lalu render <Icon icon="glyphs-poly:search-tint" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Search Tint ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs-poly/search-tint.svg" alt="Ikon Search Tint">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.