AI UI Designer Logo
AI UI Designer

Ikon freeCodeCamp

Merek#0A0A23

PNG transparan freeCodeCamp berkualitas tinggi untuk web & cetak.

Kode vektor SVG freeCodeCamp yang dioptimalkan untuk pengembang.

Komponen ikon React freeCodeCamp yang siap digunakan.

Use freeCodeCamp in a generated UI

Turn this icon into a login page, dashboard, landing page, or integration screen.

Cara menggunakan Ikon freeCodeCamp

Salin ikon freeCodeCamp sebagai SVG inline, kode React, sematan HTML, atau CSS mask.

SVG Inline

Tempelkan SVG freeCodeCamp langsung ke dalam HTML atau JSX.

Komponen React

Gunakan freeCodeCamp sebagai komponen ikon React yang bertipe.

import React from 'react';

export const freeCodeCampIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
  
);

Sematkan HTML

Gunakan URL ikon freeCodeCamp yang di-host dengan atribusi.

CSS Mask

Gunakan freeCodeCamp sebagai ikon CSS mask yang warnanya bisa diubah.

.freecodecamp-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #0a0a23;
  mask: url("https://www.aiuidesigner.com/icons/freecodecamp.svg") center / contain no-repeat;
  -webkit-mask: url("https://www.aiuidesigner.com/icons/freecodecamp.svg") center / contain no-repeat;
}

Detail Ikon freeCodeCamp

Warna merek

#0A0A23

Kategori

Merek

Format

SVG, PNG, React, HTML, CSS mask

SVG viewBox

0 0 24 24

File SVG

Tidak diketahui · 1 path

Lisensi

Periksa panduan merek

Tentang Ikon freeCodeCamp

icons.aboutParagraph1

Gunakan tautan sumber dan panduan merek di halaman ini untuk memverifikasi aturan penggunaan merek dagang saat ini sebelum menggunakan logo freeCodeCamp dalam proyek komersial, dokumentasi, mockup UI, atau halaman pemasaran.

Tag:educationcodingopensource

freeCodeCamp Ikon Pertanyaan yang Sering Diajukan

Design a UI with the freeCodeCamp icon

Generate a complete page that already uses this icon, color, and brand context.

freeCodeCamp Ikon Terkait