Ikon Compose
logos:compose
Ikon Compose (logos:compose) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 148. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 256 × 148
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="148" viewBox="0 0 256 148"><g fill="#038dc8"><path d="M202.368 29.568h-.128L152.576.64l-49.024 28.544L53.248 0L0 30.976v56.32L102.784 147.2l49.152-28.416l50.432 29.184L256 116.992v-56.32zm-.256 57.728L160 62.848l42.496-24.832l42.112 24.704zM102.4 37.632l42.496 24.576l-41.984 24.448l-42.368-24.704zm92.416-3.84l-41.6 24.192l-42.368-24.576l41.728-24.32zm-99.2-.768l-8.576 4.992L52.352 57.6L11.008 33.024L53.376 8.448zM7.424 39.168l41.6 25.088v44.288L7.424 83.2zm49.92 29.44l41.6 24.704v44.16l-41.6-24.704zm98.944.512l42.368 24.96v43.776l-42.368-25.216z"/><path d="m57.344 112.896l41.6 24.448V93.312l-41.6-24.704zM7.424 83.072l41.6 25.344v-44.16l-41.6-25.088zm148.864 29.696l42.368 25.216V94.08l-42.368-24.96z" opacity=".5"/></g></svg>
Cara memakai ikon Compose
React
import { Icon } from "@iconify/react";
<Icon icon="logos:compose" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:compose" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:compose" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--compose]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:compose"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:compose"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/compose.svg" alt="Ikon Compose" width="24" height="24">
Ikon terkait di SVG Logos
Ikon Compose di set ikon lain
FAQ Ikon Compose
Apakah ikon Compose gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Compose di React?
Pasang @iconify/react lalu render <Icon icon="logos: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/logos/compose.svg" alt="Ikon Compose">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon SVG Logos →
ICONYZ
