ICONYZ
Bahasa Indonesia
Ikon Shortcake dari OpenMoji

Ikon Shortcake

openmoji:shortcake

Ikon Shortcake (openmoji:shortcake) 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
Makanan dan minuman
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="m57.537 18.051l-16.54 2.51l-2.075.432L7 26a2 2 0 0 0-2 2v12h1c2.762 0 5-2.238 5-4.999a5 5 0 1 1 10 0C21 37.763 23.238 40 26 40s5-2.238 5-4.999a5 5 0 1 1 10 0C41 37.763 43.238 40 46 40s5-2.238 5-4.999a5 5 0 1 1 10 0A5 5 0 0 0 66 40h1V28c0-4.711-3.26-8.663-7.647-9.721c-.434-.105-1.362-.182-1.816-.228"/><circle cx="49.5" cy="18" r="5" fill="#ea5a47"/><path fill="#fcea2b" d="M67 39v20a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V39"/><path fill="#fcea2b" d="M67 40h-1a5 5 0 0 1-5-5a5 5 0 0 0-10 0a5 5 0 0 1-10 0a5 5 0 0 0-10 0a5 5 0 0 1-10 0a5 5 0 0 0-10 0a5 5 0 0 1-5 5H5"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M67 28v31a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V28a2 2 0 0 1 2-2l33.996-5.438m17.023-2.511C63.063 18.561 67 22.822 67 28"/><path d="M5 40h1c2.762 0 5-2.238 5-4.999a5 5 0 1 1 10 0C21 37.763 23.238 40 26 40s5-2.238 5-4.999a5 5 0 1 1 10 0C41 37.763 43.238 40 46 40s5-2.238 5-4.999a5 5 0 1 1 10 0A5 5 0 0 0 66 40h1M5 48h62M5 52h62"/><circle cx="49.5" cy="18" r="5"/><path d="M49.5 16c0-5.523 4.477-10 10-10"/></g></svg>

Cara memakai ikon Shortcake

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

Ikon Shortcake di set ikon lain

FAQ Ikon Shortcake

Apakah ikon Shortcake 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 Shortcake di React?

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

Bagaimana cara menambahkan ikon Shortcake ke halaman web?

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

Lihat semua Ikon OpenMoji →