Ikon Apple
carbon:apple
Ikon Apple (carbon:apple) adalah ikon SVG gratis dari set Carbon karya IBM. Ikon ini digambar pada grid 32 × 32. Carbon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Carbon
- Pembuat
- IBM
- Lisensi
- Apache-2.0
- Ukuran
- 32 × 32
- Kategori
- Perusahaan
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M21.779 8a11.5 11.5 0 0 0-3.055.534a15 15 0 0 1-1.822.413A6.005 6.005 0 0 0 11 4v2a3.99 3.99 0 0 1 3.827 2.9a20 20 0 0 1-1.617-.365A13 13 0 0 0 10.032 8C6.31 8 4 11.065 4 16c0 7.51 4.068 11.999 8 12h.002a7.2 7.2 0 0 0 2.49-.59A5 5 0 0 1 16 27a5 5 0 0 1 1.511.41A7.2 7.2 0 0 0 20 28c3.93-.001 8-4.49 8-12c0-3.69-1.63-8-6.221-8M20 26a5.5 5.5 0 0 1-1.79-.464A6.4 6.4 0 0 0 16 25a6.4 6.4 0 0 0-2.206.536A5.5 5.5 0 0 1 12 26h.002C9.052 25.999 6 22.259 6 16c0-1.804.393-6 4.032-6a11.2 11.2 0 0 1 2.68.473a13 13 0 0 0 3.05.527h.491a11.8 11.8 0 0 0 2.996-.536a10 10 0 0 1 2.53-.464C25.796 10 26 14.998 26 16c0 6.259-3.052 9.999-6 10"/><path fill="currentColor" d="M18 7h-1V6a2 2 0 0 1 2-2h1v1a2 2 0 0 1-2 2"/></svg>
Cara memakai ikon Apple
React
import { Icon } from "@iconify/react";
<Icon icon="carbon:apple" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="carbon:apple" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="carbon:apple" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--apple]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:apple"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="carbon:apple"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/carbon/apple.svg" alt="Ikon Apple" width="24" height="24">
Ikon Apple di set ikon lain
FAQ Ikon Apple
Apakah ikon Apple gratis untuk penggunaan komersial?
Ya. Carbon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Apple di React?
Pasang @iconify/react lalu render <Icon icon="carbon:apple" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Apple ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/carbon/apple.svg" alt="Ikon Apple">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Carbon →
ICONYZ
