ICONYZ
Bahasa Indonesia
Ikon Grin Stars dari Line Awesome

Ikon Grin Stars

la:grin-stars

Ikon Grin Stars (la:grin-stars) adalah ikon SVG gratis dari set Line Awesome karya Icons8. Ikon ini digambar pada grid 32 × 32. Line Awesome icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Line Awesome
Pembuat
Icons8
Lisensi
Apache-2.0
Ukuran
32 × 32
Kategori
Emoji
Tag
grinstars, star
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16 3C8.832 3 3 8.832 3 16s5.832 13 13 13s13-5.832 13-13S23.168 3 16 3m0 2c6.065 0 11 4.935 11 11s-4.935 11-11 11S5 22.065 5 16S9.935 5 16 5m-4 5.268l-.875 1.964L9 12.465l1.59 1.428L10.143 16L12 14.93L13.857 16l-.447-2.107L15 12.465l-2.125-.233zm8 0l-.875 1.964l-2.125.233l1.59 1.428L18.143 16L20 14.93L21.857 16l-.447-2.107L23 12.465l-2.125-.233zM10.81 19l-1.72 1a8.1 8.1 0 0 0 2.02 2.316a8 8 0 0 0 2.761 1.395A8 8 0 0 0 16 24c2.212 0 4.21-.906 5.658-2.367A8 8 0 0 0 22.91 20l-1.72-1a5.996 5.996 0 0 1-6.795 2.783a5.9 5.9 0 0 1-2.075-1.047A6.1 6.1 0 0 1 10.81 19"/></svg>

Cara memakai ikon Grin Stars

React

import { Icon } from "@iconify/react";

<Icon icon="la:grin-stars" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="la:grin-stars" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="la:grin-stars" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[la--grin-stars]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:grin-stars"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="la:grin-stars"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/la/grin-stars.svg" alt="Ikon Grin Stars" width="24" height="24">

Ikon terkait di Line Awesome

Ikon Grin Stars di set ikon lain

FAQ Ikon Grin Stars

Apakah ikon Grin Stars gratis untuk penggunaan komersial?

Ya. Line Awesome icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Grin Stars di React?

Pasang @iconify/react lalu render <Icon icon="la:grin-stars" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Grin Stars ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/la/grin-stars.svg" alt="Ikon Grin Stars">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Line Awesome →