Ikon Jar With Blue Content
openmoji:jar-with-blue-content
Ikon Jar With Blue Content (openmoji:jar-with-blue-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, withblue, bluecontent, jarwithbluecontent
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="#61b2e4" 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="#92d3f5" 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="#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="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 Blue Content
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:jar-with-blue-content" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:jar-with-blue-content" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:jar-with-blue-content" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--jar-with-blue-content]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:jar-with-blue-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-blue-content"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/openmoji/jar-with-blue-content.svg" alt="Ikon Jar With Blue Content" width="24" height="24">Ikon terkait di OpenMoji
FAQ Ikon Jar With Blue Content
Apakah ikon Jar With Blue 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 Blue Content di React?
Pasang @iconify/react lalu render <Icon icon="openmoji:jar-with-blue-content" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Jar With Blue Content ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/openmoji/jar-with-blue-content.svg" alt="Ikon Jar With Blue Content">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.