AI UI Designer Logo
AI UI Designer

Icône Codecademy

Marques#1F4056

PNG transparent de haute qualité de Codecademy pour le web et l'impression.

Code vecteur SVG optimisé de Codecademy pour les développeurs.

Composant d'icône React Codecademy prêt à l'emploi.

Comment utiliser l'icône Codecademy

Copiez l'icône Codecademy en tant que SVG inline, code React, intégration HTML ou masque CSS.

SVG Inline

Collez le SVG de Codecademy directement dans votre HTML ou JSX.

Composant React

Utilisez Codecademy comme un composant d'icône React typé.

import React from 'react';

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

Intégration HTML

Utilisez une URL d'icône Codecademy hébergée avec attribution.

Masque CSS

Utilisez Codecademy comme une icône de masque CSS dont la couleur est modifiable.

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

Détails de l'icône Codecademy

Couleur de la marque

#1F4056

Catégorie

Marques

Formats

SVG, PNG, React, HTML, masque CSS

viewBox SVG

0 0 24 24

Fichier SVG

Inconnu · 1 tracé

Licence

Consultez la charte graphique

À propos de l'icône Codecademy

L<strong class="">icône {name}</strong> est disponible ici en tant que ressource de marque au format SVG. Elle est classée dans la catégorie <strong class="">{category}</strong> et utilise la couleur de marque <code class="">{hex}</code>. Vous pouvez la télécharger en PNG transparent, copier le SVG inline, utiliser un composant React ou lintégrer via HTML.

Veuillez consulter les liens vers la source et la charte graphique sur cette page pour vérifier les règles d'utilisation actuelles de la marque avant d'utiliser le logo Codecademy dans des projets commerciaux, de la documentation, des maquettes d'interface ou des pages marketing.

Mots-clés :educationcodinglearn

Foire aux questions sur l'icône Codecademy

Essayer le générateur d'icônes IA

Besoin d'une icône complètement unique ? Utilisez notre générateur SVG basé sur l'IA pour créer des icônes personnalisées et professionnelles en quelques secondes.

Essayer le générateur d'icônes IA

Codecademy Icônes similaires