Ikon Cube Focus Bold
ph:cube-focus-bold
Ikon Cube Focus Bold (ph:cube-focus-bold) adalah ikon SVG gratis dari set Phosphor karya Phosphor Icons. Ikon ini digambar pada grid 256 × 256. Phosphor icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Phosphor
- Pembuat
- Phosphor Icons
- Lisensi
- MIT
- Ukuran
- 256 × 256
- Tag
- augmented reality, ar, virual reality, vr, 3d, scan, cubefocus, focusbold, cubefocusbold
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M236 48v40a12 12 0 0 1-24 0V60h-28a12 12 0 0 1 0-24h40a12 12 0 0 1 12 12M72 196H44v-28a12 12 0 0 0-24 0v40a12 12 0 0 0 12 12h40a12 12 0 0 0 0-24m152-40a12 12 0 0 0-12 12v28h-28a12 12 0 0 0 0 24h40a12 12 0 0 0 12-12v-40a12 12 0 0 0-12-12M32 100a12 12 0 0 0 12-12V60h28a12 12 0 0 0 0-24H32a12 12 0 0 0-12 12v40a12 12 0 0 0 12 12m158 70.42l-56 32a12 12 0 0 1-11.9 0l-56-32A12 12 0 0 1 60 160V96a12 12 0 0 1 6-10.42l56-32a12 12 0 0 1 11.9 0l56 32A12 12 0 0 1 196 96v64a12 12 0 0 1-6 10.42M96.19 96L128 114.18L159.81 96L128 77.82ZM84 153l32 18.28V135l-32-18.32Zm88 0v-36.32L140 135v36.36Z"/></svg>
Cara memakai ikon Cube Focus Bold
React
import { Icon } from "@iconify/react";
<Icon icon="ph:cube-focus-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:cube-focus-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:cube-focus-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--cube-focus-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:cube-focus-bold"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:cube-focus-bold"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/ph/cube-focus-bold.svg" alt="Ikon Cube Focus Bold" width="24" height="24">
FAQ Ikon Cube Focus Bold
Apakah ikon Cube Focus Bold gratis untuk penggunaan komersial?
Ya. Phosphor icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Cube Focus Bold di React?
Pasang @iconify/react lalu render <Icon icon="ph:cube-focus-bold" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Cube Focus Bold ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ph/cube-focus-bold.svg" alt="Ikon Cube Focus Bold">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Phosphor →
ICONYZ
