Ikon Tint
el:tint
Ikon Tint (el:tint) adalah ikon SVG gratis dari set Elusive Icons karya Team Redux. Ikon ini digambar pada grid 1200 × 1200. Elusive Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Elusive Icons
- Pembuat
- Team Redux
- Lisensi
- OFL-1.1
- Ukuran
- 1200 × 1200
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M175.901 775.15c1.34-84.942 24.997-161.363 67.555-227.438c43.852-65.677 92.564-129.583 133.235-190.657c64.562-99.564 119.289-202.698 152.751-308.503C541.073 15.363 567.479-3.406 600 .513c36.243-2.225 61.341 17.08 70.558 48.04c35.234 114.567 91.42 214.71 153.502 308.503c42.395 69.12 90.82 122.468 132.483 190.657c45.203 71.836 67.148 149.555 67.556 227.438c-2.581 116.192-48.298 224.208-123.477 300.997C816.77 1156.717 706.456 1199.234 600 1200c-116.136-2.474-223.853-48.567-300.247-123.852c-80.401-84.12-123.086-194.44-123.852-300.998m186.155 93.829c2.782 61.17 51.377 105.853 105.836 106.588c61.717-2.731 105.123-52.149 105.837-106.588q0-32.277-16.514-56.297c-12.101-15.747-24.03-32.046-33.776-47.664c-15.442-25.218-30.541-50.295-38.282-76.938q-3.002-15.013-17.265-12.761q-13.512-3.003-18.015 12.761c-8.094 28.541-22.238 53.7-37.156 76.938c-10.493 17.509-23.069 31.136-34.151 47.664q-17.265 24.769-16.514 56.297"/></svg>Cara memakai ikon Tint
React
import { Icon } from "@iconify/react";
<Icon icon="el:tint" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:tint" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:tint" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--tint]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:tint"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:tint"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/el/tint.svg" alt="Ikon Tint" width="24" height="24">Ikon Tint di set ikon lain
FAQ Ikon Tint
Apakah ikon Tint gratis untuk penggunaan komersial?
Ya. Elusive Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Tint di React?
Pasang @iconify/react lalu render <Icon icon="el:tint" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Tint ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/el/tint.svg" alt="Ikon Tint">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.