ICONYZ
Bahasa Indonesia
Ikon Symbol Color Compact dari Codicons

Ikon Symbol Color Compact

codicon:symbol-color-compact

Ikon Symbol Color Compact (codicon:symbol-color-compact) adalah ikon SVG gratis dari set Codicons karya Microsoft Corporation. Ikon ini digambar pada grid 12 × 12. Codicons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Codicons
Pembuat
Microsoft Corporation
Lisensi
CC-BY-4.0
Ukuran
12 × 12
Tag
symbolcolor, colorcompact, symbolcolorcompact
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="currentColor" d="M6 0C2.686 0 0 2.4 0 5.715a2 2 0 0 0 2 2c1.215 0 1.046-.857 2.142-.857c.552 0 .857.519.857 1.071V9a3 3 0 0 0 3 3c3 0 3.999-3.244 3.999-6c0-3.314-2.685-6-5.999-6zm2 11c-1.103 0-2-.897-2-2V7.929c0-1.181-.798-2.071-1.857-2.071c-.908 0-1.381.412-1.664.658c-.199.173-.229.2-.478.2c-.551 0-1-.448-1-1c0-2.688 2.149-4.714 5-4.715a5.005 5.005 0 0 1 4.999 5c0 .835-.145 5-2.999 5zM4.25 3.5a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m2.5-1a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m1 1a.75.75 0 1 1 1.5 0a.75.75 0 0 1-1.5 0m2.5 2.5a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m-1 2.5a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0"/></svg>

Cara memakai ikon Symbol Color Compact

React

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

<Icon icon="codicon:symbol-color-compact" width="24" />

Vue

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

<template>
  <Icon icon="codicon:symbol-color-compact" width="24" />
</template>

Svelte

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

<Icon icon="codicon:symbol-color-compact" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[codicon--symbol-color-compact]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/codicon -->
<div class="i-codicon:symbol-color-compact"></div>

Web component

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

<iconify-icon icon="codicon:symbol-color-compact"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/codicon/symbol-color-compact.svg" alt="Ikon Symbol Color Compact" width="24" height="24">

Ikon terkait di Codicons

Ikon symbol-array
symbol-array
 Ikon symbol-boolean
symbol-boolean
 Ikon symbol-class
symbol-class
 Ikon symbol-color
symbol-color
 Ikon symbol-constant
symbol-constant
 Ikon symbol-enum
symbol-enum
 Ikon symbol-enum-member
symbol-enum-member
 Ikon symbol-event
symbol-event
 Ikon symbol-field
symbol-field
 Ikon symbol-file
symbol-file
 Ikon symbol-interface
symbol-interface
 Ikon symbol-key
symbol-key
 Ikon symbol-keyword
symbol-keyword
 Ikon symbol-method
symbol-method
 Ikon symbol-method-arrow
symbol-method-arrow
 Ikon symbol-misc
symbol-misc
 Ikon symbol-namespace
symbol-namespace
 Ikon symbol-numeric
symbol-numeric
 Ikon symbol-operator
symbol-operator
 Ikon symbol-parameter
symbol-parameter
 Ikon symbol-property
symbol-property
 Ikon symbol-ruler
symbol-ruler
 Ikon symbol-snippet
symbol-snippet
 Ikon symbol-string
symbol-string

FAQ Ikon Symbol Color Compact

Apakah ikon Symbol Color Compact gratis untuk penggunaan komersial?

Ya. Codicons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Symbol Color Compact di React?

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

Bagaimana cara menambahkan ikon Symbol Color Compact ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/codicon/symbol-color-compact.svg" alt="Ikon Symbol Color Compact">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Codicons →