Ikon Jar With Red Content
openmoji:jar-with-red-content
Ikon Jar With Red Content (openmoji:jar-with-red-content) 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 Unicode
- Tag
- jarwith, withred, redcontent, jarwithredcontent
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><rect width="34" height="26" x="19" y="30" fill="none" stroke="#000" stroke-width="2" rx="5"/><path fill="#fff" fill-rule="evenodd" d="M19 19a1 1 0 0 0-1 1v2.5c0 1.384-.23 2.34-.543 3.064c-.316.73-.739 1.28-1.222 1.854l-.201.237c-.424.496-.91 1.066-1.285 1.745c-.458.83-.749 1.81-.749 3.1V51c0 5.523 4.477 10 10 10h24c5.523 0 10-4.477 10-10V32.5c0-1.29-.291-2.27-.75-3.1c-.374-.679-.86-1.248-1.284-1.745l-.201-.237c-.483-.573-.907-1.124-1.222-1.854c-.313-.725-.543-1.68-.543-3.064V20a1 1 0 0 0-1-1z" clip-rule="evenodd"/><path fill="#d0cfce" d="M54 12H18a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h36a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1"/><path fill="#d22f27" fill-rule="evenodd" d="M24 29h24a6 6 0 0 1 6 6v16a6 6 0 0 1-6 6H24a6 6 0 0 1-6-6V35a6 6 0 0 1 6-6" clip-rule="evenodd"/><path fill="#ea5a47" fill-rule="evenodd" d="M24 57h17a6 6 0 0 0 6-6V35a6 6 0 0 0-6-6H24a6 6 0 0 0-6 6v16a6 6 0 0 0 6 6" clip-rule="evenodd"/><path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M24 51V32.825c0-4.422 2-3.93 2-9.825"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M36 60h12a9 9 0 0 0 9-9V32.5c0-4.5-4-4-4-10M36 60H24a9 9 0 0 1-9-9V32.5c0-4.5 4-4 4-10M54 12H18a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h36a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1"/></svg>Cara memakai ikon Jar With Red Content
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:jar-with-red-content" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:jar-with-red-content" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:jar-with-red-content" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--jar-with-red-content]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:jar-with-red-content"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:jar-with-red-content"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/openmoji/jar-with-red-content.svg" alt="Ikon Jar With Red Content" width="24" height="24">Ikon terkait di OpenMoji
FAQ Ikon Jar With Red Content
Apakah ikon Jar With Red Content 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 Jar With Red Content di React?
Pasang @iconify/react lalu render <Icon icon="openmoji:jar-with-red-content" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Jar With Red Content ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/openmoji/jar-with-red-content.svg" alt="Ikon Jar With Red Content">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.