Ikon Content View
carbon:content-view
Ikon Content View (carbon:content-view) 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
- Organisasi
- Tag
- contentview
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><circle cx="16" cy="19" r="2" fill="currentColor"/><path fill="currentColor" d="M23.777 18.479A8.64 8.64 0 0 0 16 13a8.64 8.64 0 0 0-7.777 5.479L8 19l.223.522A8.64 8.64 0 0 0 16 25a8.64 8.64 0 0 0 7.777-5.478L24 19ZM16 23a4 4 0 1 1 4-4a4.005 4.005 0 0 1-4 4"/><path fill="currentColor" d="M27 3H5a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2M5 5h22v4H5Zm0 22V11h22v16Z"/></svg>
Cara memakai ikon Content View
React
import { Icon } from "@iconify/react";
<Icon icon="carbon:content-view" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="carbon:content-view" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="carbon:content-view" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--content-view]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:content-view"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="carbon:content-view"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/carbon/content-view.svg" alt="Ikon Content View" width="24" height="24">
FAQ Ikon Content View
Apakah ikon Content View 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 Content View di React?
Pasang @iconify/react lalu render <Icon icon="carbon:content-view" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Content View ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/carbon/content-view.svg" alt="Ikon Content View">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Carbon →
ICONYZ
