Source Code ikonu
icon-park:source-code
Source Code ikonu (icon-park:source-code), IconPark setinden ücretsiz bir SVG ikondur (yapımcı: ByteDance). 48 × 48 ızgara üzerinde çizilmiştir. IconPark 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
- IconPark
- Yazar
- ByteDance
- Lisans
- Apache-2.0
- Boyut
- 48 × 48
- Kategori
- Ofis
- Etiketler
- sourcecode
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M23 40H7C5.34315 40 4 38.6569 4 37V11C4 9.34315 5.34315 8 7 8H41C42.6569 8 44 9.34315 44 11V25.8824"/><path fill="#2F88FF" stroke="#000" stroke-width="4" d="M4 11C4 9.34315 5.34315 8 7 8H41C42.6569 8 44 9.34315 44 11V20H4V11Z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M34 33L30 37L34 41"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M40 33L44 37L40 41"/><circle r="2" fill="#fff" transform="matrix(0 -1 -1 0 10 14)"/><circle r="2" fill="#fff" transform="matrix(0 -1 -1 0 16 14)"/></g></svg>Source Code ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:source-code" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:source-code" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:source-code" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--source-code]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:source-code"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:source-code"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/icon-park/source-code.svg" alt="Source Code ikonu" width="24" height="24">Diğer ikon setlerinde Source Code ikonu
Source Code ikonu: sık sorulan sorular
Source Code ikonu ticari kullanım için ücretsiz mi?
Evet. IconPark icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Source Code ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="icon-park:source-code" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Source Code 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/icon-park/source-code.svg" alt="Source Code ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.