Ikon Thumbs Up
el:thumbs-up
Ikon Thumbs Up (el:thumbs-up) 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
- Tag
- thumbsup, thumb
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M717.534 60.514c42.51-.457 82.729 43.455 110.594 74.778c65.435 80.402 29.326 169.5 14.94 267.032h298.455c40.347.301 61.029 30.64 58.225 71.631l-83.567 517.806c-18.937 66.216-92.545 124.507-170.138 132.786H393.96c-32.659-.426-57.13-23.607-59.691-59.691v-602.84c.424-32.654 23.607-57.13 59.691-59.689h137.251L666.999 97.939c7.552-16.428 27.347-37.054 50.535-37.425M217.89 390.388c22.971.293 41.284 16.175 43.21 41.819v665.534c-.333 22.479-18.962 39.989-43.21 41.748H43.286c-22.155-.304-41.2-17.095-43.286-41.748V432.208c.316-23.22 17.976-40.06 43.286-41.819z"/></svg>
Cara memakai ikon Thumbs Up
React
import { Icon } from "@iconify/react";
<Icon icon="el:thumbs-up" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:thumbs-up" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:thumbs-up" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--thumbs-up]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:thumbs-up"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:thumbs-up"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/el/thumbs-up.svg" alt="Ikon Thumbs Up" width="24" height="24">
Ikon terkait di Elusive Icons
Ikon Thumbs Up di set ikon lain
FAQ Ikon Thumbs Up
Apakah ikon Thumbs Up 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 Thumbs Up di React?
Pasang @iconify/react lalu render <Icon icon="el:thumbs-up" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Thumbs Up ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/el/thumbs-up.svg" alt="Ikon Thumbs Up">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Elusive Icons →
ICONYZ
