ICONYZ
Bahasa Indonesia
Ikon Reference Architecture dari Carbon

Ikon Reference Architecture

carbon:reference-architecture

Ikon Reference Architecture (carbon:reference-architecture) 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
referencearchitecture
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><circle cx="18" cy="26" r="1" fill="currentColor"/><path fill="currentColor" d="M28 20c1.103 0 2-.897 2-2v-4c0-1.102-.897-2-2-2h-1V7c0-1.102-.897-2-2-2h-5V4c0-1.102-.897-2-2-2h-4c-1.103 0-2 .898-2 2v1H7c-1.103 0-2 .898-2 2v5.142c-1.72.447-3 2-3 3.858s1.28 3.41 3 3.858V25c0 1.103.897 2 2 2h7v1c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-4c0-1.102-.897-2-2-2h-1v-2zm0-2h-4v-4h4zM14 4h4v4h-4zm-2 3v1c0 1.103.897 2 2 2h4c1.103 0 2-.897 2-2V7h5v5h-1c-1.103 0-2 .898-2 2v1H9.858A4 4 0 0 0 7 12.142V7zm-8 9c0-1.102.897-2 2-2s2 .898 2 2s-.897 2-2 2s-2-.897-2-2m24 12H16v-4h12zm-3-6h-9c-1.103 0-2 .898-2 2v1H7v-5.142A4 4 0 0 0 9.858 17H22v1c0 1.103.897 2 2 2h1z"/></svg>

Cara memakai ikon Reference Architecture

React

import { Icon } from "@iconify/react";

<Icon icon="carbon:reference-architecture" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="carbon:reference-architecture" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="carbon:reference-architecture" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--reference-architecture]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:reference-architecture"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="carbon:reference-architecture"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/carbon/reference-architecture.svg" alt="Ikon Reference Architecture" width="24" height="24">

FAQ Ikon Reference Architecture

Apakah ikon Reference Architecture 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 Reference Architecture di React?

Pasang @iconify/react lalu render <Icon icon="carbon:reference-architecture" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Reference Architecture ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/carbon/reference-architecture.svg" alt="Ikon Reference Architecture">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Carbon →