Codepen ikonu
fa-brands:codepen
Codepen ikonu (fa-brands:codepen), Font Awesome 5 Brands setinden ücretsiz bir SVG ikondur (yapımcı: Dave Gandy). 512 × 512 ızgara üzerinde çizilmiştir. Font Awesome 5 Brands icons, 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
- Font Awesome 5 Brands
- Yazar
- Dave Gandy
- Lisans
- CC-BY-4.0
- Boyut
- 512 × 512
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m502.285 159.704l-234-156c-7.987-4.915-16.511-4.96-24.571 0l-234 156C3.714 163.703 0 170.847 0 177.989v155.999c0 7.143 3.714 14.286 9.715 18.286l234 156.022c7.987 4.915 16.511 4.96 24.571 0l234-156.022c6-3.999 9.715-11.143 9.715-18.286V177.989c-.001-7.142-3.715-14.286-9.716-18.285M278 63.131l172.286 114.858l-76.857 51.429L278 165.703zm-44 0v102.572l-95.429 63.715l-76.857-51.429zM44 219.132l55.143 36.857L44 292.846zm190 229.715L61.714 333.989l76.857-51.429L234 346.275zm22-140.858l-77.715-52l77.715-52l77.715 52zm22 140.858V346.275l95.429-63.715l76.857 51.429zm190-156.001l-55.143-36.857L468 219.132z"/></svg>
Codepen ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="fa-brands:codepen" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-brands:codepen" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-brands:codepen" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-brands--codepen]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-brands -->
<div class="i-fa-brands:codepen"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-brands:codepen"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/fa-brands/codepen.svg" alt="Codepen ikonu" width="24" height="24">
Diğer ikon setlerinde Codepen ikonu
Codepen ikonu: sık sorulan sorular
Codepen ikonu ticari kullanım için ücretsiz mi?
Evet. Font Awesome 5 Brands icons, 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.
Codepen ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="fa-brands:codepen" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Codepen 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/fa-brands/codepen.svg" alt="Codepen ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Font Awesome 5 Brands ikonları →
ICONYZ
