ICONYZ
Türkçe
Codicons setinden Symbol Color ikonu

Symbol Color ikonu

codicon:symbol-color

Symbol Color ikonu (codicon:symbol-color), Codicons setinden ücretsiz bir SVG ikondur (yapımcı: Microsoft Corporation). 24 × 24 ızgara üzerinde çizilmiştir. Codicons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti
Codicons
Yazar
Microsoft Corporation
Lisans
CC-BY-4.0
Boyut
24 × 24
Etiketler
symbolcolor
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.001 1c-3.867 0-7 2.8-7 6.667A2.33 2.33 0 0 0 3.334 10C4.751 10 4.721 9 6 9c.644 0 1 .606 1 1.25v1.25a3.5 3.5 0 0 0 3.5 3.5c3.153 0 4.499-3.785 4.499-7A7 7 0 0 0 8 1zM10.5 14A2.503 2.503 0 0 1 8 11.5v-1.25C8 8.967 7.14 8 6 8c-.96 0-1.502.412-1.861.685c-.285.217-.415.315-.805.315a1.335 1.335 0 0 1-1.333-1.333C2.001 4.436 4.58 2 8.001 2A6.006 6.006 0 0 1 14 8c0 2.412-.932 6-3.499 6zm1.5-3a1 1 0 1 1-2 0a1 1 0 0 1 2 0m1-3a1 1 0 1 1-2 0a1 1 0 0 1 2 0M6 5a1 1 0 1 1-2 0a1 1 0 0 1 2 0m4 0a1 1 0 1 1 2 0a1 1 0 0 1-2 0M9 4a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/></svg>

Symbol Color ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

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

HTML görseli

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

Codicons setindeki benzer ikonlar

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

Symbol Color ikonu: sık sorulan sorular

Symbol Color ikonu ticari kullanım için ücretsiz mi?

Evet. Codicons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.

Symbol Color ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="codicon:symbol-color" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Symbol Color ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/codicon/symbol-color.svg" alt="Symbol Color ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Codicons →