Ikon Codepen
fa-brands:codepen
Ikon Codepen (fa-brands:codepen) adalah ikon SVG gratis dari set Font Awesome 5 Brands karya Dave Gandy. Ikon ini digambar pada grid 512 × 512. Font Awesome 5 Brands icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Font Awesome 5 Brands
- Pembuat
- Dave Gandy
- Lisensi
- CC-BY-4.0
- Ukuran
- 512 × 512
Kode SVG
<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>
Cara memakai ikon Codepen
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-brands:codepen"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/fa-brands/codepen.svg" alt="Ikon Codepen" width="24" height="24">
Ikon Codepen di set ikon lain
FAQ Ikon Codepen
Apakah ikon Codepen gratis untuk penggunaan komersial?
Ya. Font Awesome 5 Brands icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Codepen di React?
Pasang @iconify/react lalu render <Icon icon="fa-brands:codepen" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Codepen ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fa-brands/codepen.svg" alt="Ikon Codepen">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Font Awesome 5 Brands →
ICONYZ
