Ikon Thumb Up
cil:thumb-up
Ikon Thumb Up (cil:thumb-up) adalah ikon SVG gratis dari set CoreUI Free karya creativeLabs Łukasz Holeczek. Ikon ini digambar pada grid 512 × 512. CoreUI Free icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- CoreUI Free
- Pembuat
- creativeLabs Łukasz Holeczek
- Lisensi
- CC-BY-4.0
- Ukuran
- 512 × 512
- Tag
- thumbup
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M126.638 202.672H51.986a24.69 24.69 0 0 0-24.242 19.434a487.1 487.1 0 0 0-1.466 206.535l1.5 7.189a24.94 24.94 0 0 0 24.318 19.78h74.547a24.866 24.866 0 0 0 24.837-24.838V227.509a24.865 24.865 0 0 0-24.842-24.837m-7.163 220.938H57.916l-.309-1.487a455.1 455.1 0 0 1 .158-187.451h61.71Zm374.984-146.326l-22.09-58.906a24.315 24.315 0 0 0-22.662-15.706H332v-29.535l9.573-21.2a88.117 88.117 0 0 0-44.801-116.912a24.3 24.3 0 0 0-31.767 12.1l-80.312 175.812V248h23.731L290.7 67.882a56.14 56.14 0 0 1 21.711 70.885l-10.991 24.341l-1.42 6.584v48.98l16 16h128.3L464 287.2v9.272l-67.988 119.49H271.07l-86.377-50.67v37.1l72.007 42.241a24.2 24.2 0 0 0 12.25 3.329h131.6a24.25 24.25 0 0 0 21.035-12.234l71.25-125.228A24.26 24.26 0 0 0 496 298.531v-12.748a24.1 24.1 0 0 0-1.541-8.499"/></svg>
Cara memakai ikon Thumb Up
React
import { Icon } from "@iconify/react";
<Icon icon="cil:thumb-up" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:thumb-up" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:thumb-up" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--thumb-up]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:thumb-up"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:thumb-up"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/cil/thumb-up.svg" alt="Ikon Thumb Up" width="24" height="24">
Ikon terkait di CoreUI Free
Ikon Thumb Up di set ikon lain
FAQ Ikon Thumb Up
Apakah ikon Thumb Up gratis untuk penggunaan komersial?
Ya. CoreUI Free icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Thumb Up di React?
Pasang @iconify/react lalu render <Icon icon="cil:thumb-up" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Thumb Up ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/cil/thumb-up.svg" alt="Ikon Thumb Up">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon CoreUI Free →
ICONYZ
