Ikon Compose
openmoji:compose
Ikon Compose (openmoji:compose) 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
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><path fill="#fcea2b" stroke="#fcea2b" stroke-width="1.8" d="m35.25 12l11.125 11.25V62H13V12z"/><path fill="#f1b31c" stroke="#f1b31c" stroke-width="1.8" d="M15.688 62h-3.063h33.75V36.625L20.938 62z"/><path fill="#fff" d="M34 49v5h5l24-24l-5-5z"/></g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M46.375 31v-7.75h-11.25V12h-22.5v50h33.75v-9.833M35.125 12l11.25 11.25M41 30H18m10-6H18m23 12H18m10 6H18m10 6H18m10 6H18"/><path d="M34 49v5h5l24-24l-5-5z"/></g></svg>Cara memakai ikon Compose
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:compose" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:compose" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:compose" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--compose]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:compose"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:compose"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/openmoji/compose.svg" alt="Ikon Compose" width="24" height="24">Ikon Compose di set ikon lain
FAQ Ikon Compose
Apakah ikon Compose 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 Compose di React?
Pasang @iconify/react lalu render <Icon icon="openmoji:compose" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Compose ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/openmoji/compose.svg" alt="Ikon Compose">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.