Ikon Lighter

openmoji:lighter

Ikon Lighter (openmoji:lighter) adalah ikon SVG gratis dari set OpenMoji. Ikon ini digambar pada grid 72 × 72. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: OpenMoji
Pembuat: OpenMoji
Lisensi: CC-BY-SA-4.0
Ukuran: 72 × 72
Kategori: Ekstra OpenMoji

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#ea5a47" d="M45 66H27V28h9l9-3z"/><path fill="#d22f27" d="m33 66l12-33v33z"/><path fill="#d0cfce" d="M45 25v11H27v-8h9zm-9 3v7"/><path fill="#f1b31c" d="M35 17.714C35 20.857 33.21 25 31 25s-4-4.143-4-7.286C27 11.887 31 9 31 6c0 3 4 5.429 4 11.714"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M45 66H27V28h9l9-3zM35 17.714C35 20.857 33.21 25 31 25s-4-4.143-4-7.286C27 11.887 31 9 31 6c0 3 4 5.429 4 11.714"/><path d="M35 17.714C35 20.857 33.21 25 31 25s-4-4.143-4-7.286C27 11.887 31 9 31 6c0 3 4 5.429 4 11.714M27 35h18m-9-7v3"/></g></svg>

Cara memakai ikon Lighter

React

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

<Icon icon="openmoji:lighter" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:lighter" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:lighter" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--lighter]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:lighter"></div>

Web component

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

<iconify-icon icon="openmoji:lighter"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/openmoji/lighter.svg" alt="Ikon Lighter" width="24" height="24">

Ikon Lighter di set ikon lain

FAQ Ikon Lighter

Apakah ikon Lighter gratis untuk penggunaan komersial?

Ya. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.

Bagaimana cara memakai ikon Lighter di React?

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

Bagaimana cara menambahkan ikon Lighter ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/openmoji/lighter.svg" alt="Ikon Lighter">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon OpenMoji →