Ikon Search Tint Outline
glyphs:search-tint-outline
Ikon Search Tint Outline (glyphs:search-tint-outline) adalah ikon SVG gratis dari set Glyphs karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs 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
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
- Tag
- searchtint, tintoutline, searchtintoutline
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" d="M33.996 20.742a13.256 13.256 0 0 0-13.255 13.256a2 2 0 1 0 4 0a9.256 9.256 0 0 1 9.256-9.256a2 2 0 1 0 0-4"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M13.665 28.551A21.053 21.053 0 1 1 50.21 47.434l.809.809a5 5 0 0 1 5.361 1.12l12.73 12.732a4.998 4.998 0 0 1-7.07 7.068L49.31 56.43a5 5 0 0 1-1.12-5.359l-.814-.815A21.053 21.053 0 0 1 13.665 28.55m36.807 9.863a17.04 17.04 0 0 1-4.439 7.668l-.002.002l-.032.033a17.053 17.053 0 1 1 4.473-7.703m1.667 13.777a1 1 0 0 1 1.412 0L66.28 64.923a.999.999 0 0 1-1.412 1.412L52.139 53.603z" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M33.996 20.742a13.256 13.256 0 0 0-13.255 13.256a2 2 0 1 0 4 0a9.256 9.256 0 0 1 9.256-9.256a2 2 0 1 0 0-4"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.665 28.551A21.053 21.053 0 1 1 50.21 47.434l.809.809a5 5 0 0 1 5.361 1.12l12.73 12.732a4.998 4.998 0 0 1-7.07 7.068L49.31 56.43a5 5 0 0 1-1.12-5.359l-.814-.815A21.053 21.053 0 0 1 13.665 28.55m36.807 9.863a17.04 17.04 0 0 1-4.439 7.668l-.002.002l-.032.033a17.053 17.053 0 1 1 4.473-7.703m1.667 13.777a1 1 0 0 1 1.412 0L66.28 64.923a.999.999 0 0 1-1.412 1.412L52.139 53.603z" clip-rule="evenodd"/></g></svg>
Cara memakai ikon Search Tint Outline
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:search-tint-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:search-tint-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:search-tint-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--search-tint-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:search-tint-outline"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:search-tint-outline"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs/search-tint-outline.svg" alt="Ikon Search Tint Outline" width="24" height="24">
FAQ Ikon Search Tint Outline
Apakah ikon Search Tint Outline gratis untuk penggunaan komersial?
Ya. Glyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Search Tint Outline di React?
Pasang @iconify/react lalu render <Icon icon="glyphs:search-tint-outline" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Search Tint Outline ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs/search-tint-outline.svg" alt="Ikon Search Tint Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Glyphs →
ICONYZ
