Outline Class ikonu

ic:outline-class

Outline Class ikonu (ic:outline-class), Google Material Icons setinden ücretsiz bir SVG ikondur (yapımcı: Material Design Authors). 24 × 24 ızgara üzerinde çizilmiştir. Google Material Icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans 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: Google Material Icons
Yazar: Material Design Authors
Lisans: Apache-2.0
Boyut: 24 × 24
Kategori: Eylem
Etiketler: archive, book, bookmark, class, favorite, label, library, read, reading, remember, ribbon, save, tag, action, outlineclass

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="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2M9 4h2v5l-1-.75L9 9zm9 16H6V4h1v9l3-2.25L13 13V4h5z"/></svg>

Outline Class ikonu nasıl kullanılır

React

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

<Icon icon="ic:outline-class" width="24" />

Vue

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

<template>
  <Icon icon="ic:outline-class" width="24" />
</template>

Svelte

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

<Icon icon="ic:outline-class" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ic -->
<div class="i-ic:outline-class"></div>

Web bileşeni

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

<iconify-icon icon="ic:outline-class"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/ic/outline-class.svg" alt="Outline Class ikonu" width="24" height="24">

Google Material Icons setindeki benzer ikonlar

Outline Class ikonu: sık sorulan sorular

Outline Class ikonu ticari kullanım için ücretsiz mi?

Evet. Google Material Icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Outline Class ikonunu React'te nasıl kullanırım?

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

Outline 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/ic/outline-class.svg" alt="Outline 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: Google Material Icons →