ICONYZ
Türkçe
Codicons setinden Symbol Class ikonu

Symbol Class ikonu

codicon:symbol-class

Symbol Class ikonu (codicon:symbol-class), 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
symbolclass
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="M13.207 10.5a1 1 0 0 0-1.414 0l-.5.5H9V7h1.363a.99.99 0 0 0 .137 1.207l.793.793a1 1 0 0 0 1.414 0L14 7.707a1 1 0 0 0 0-1.414l-.793-.793a1 1 0 0 0-1.414 0l-.5.5H6.707l.793-.793a1 1 0 0 0 0-1.414L6.207 2.5a1 1 0 0 0-1.414 0L1.5 5.793a1 1 0 0 0 0 1.414L2.793 8.5a1 1 0 0 0 1.414 0l1.5-1.5H8v4.5a.5.5 0 0 0 .5.5h1.863a.99.99 0 0 0 .137 1.207l.793.793a1 1 0 0 0 1.414 0L14 12.707a1 1 0 0 0 0-1.414zM3.5 7.793L2.207 6.5L5.5 3.207L6.793 4.5zM13.293 7L12 8.293l-.793-.793L12.5 6.207zM12 13.293l-.793-.793l1.293-1.293l.793.793z"/></svg>

Symbol Class ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/codicon -->
<div class="i-codicon:symbol-class"></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-class"></iconify-icon>

HTML görseli

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

Codicons setindeki benzer ikonlar

symbol-array ikonu
symbol-array
 symbol-boolean ikonu
symbol-boolean
 symbol-color ikonu
symbol-color
 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 Class ikonu: sık sorulan sorular

Symbol Class 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 Class ikonunu React'te nasıl kullanırım?

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

Symbol Class 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-class.svg" alt="Symbol Class 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 →