brand
1. Farbe
Die Originalfarben des Icons bleiben erhalten, bis Sie eine neue Farbe wählen.
2. Leinwandhintergrund und Transformationen
3. Live-Vektoranimationen
Im SVG-Export enthalten
Codepen Logo SVG-Icon
Quelle, Autor und Lizenz findest du in der Vorschau und in den Symboldetails. Codepen Logo - Kostenlos für kommerzielle und private Nutzung. Ohne Anmeldung | 100% im Browser verarbeitet
Sofortiger Vektor- und Hochauflösungs-Download
Die Originalfarben des Icons bleiben erhalten, bis Sie eine neue Farbe wählen.
Paket mit Quellenangaben
phosphor-bold-codepen-logo-bold.svg (809 B)
Schnelles Kopieren für Entwickler und UI-Frameworks
Live-Code-Ausgabe
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="36" height="36" role="img" aria-label="Codepen Logo icon"><title>Codepen Logo - Phosphor Icons icon</title><desc>Free Codepen Logo vector icon from the Phosphor Icons open-source icon library; outline style, MIT licence, viewBox 0 0 256 256, 543 bytes.</desc><path d="M237.68,85.43l-104-56a12,12,0,0,0-11.38,0l-104,56A12,12,0,0,0,12,96v64a12,12,0,0,0,6.32,10.57l104,56a12,12,0,0,0,11.38,0l104-56A12,12,0,0,0,244,160V96A12,12,0,0,0,237.68,85.43ZM220,139.91,197.88,128,220,116.09Zm-47.43-25.54L140,96.83V60.09L206.69,96Zm-44.57,24L108.74,128,128,117.63,147.26,128ZM116,60.09V96.83L83.43,114.37,49.31,96Zm-80,56L58.12,128,36,139.91Zm47.43,25.54L116,159.17v36.74L49.31,160ZM140,195.91V159.17l32.57-17.54L206.69,160Z"/></svg>
KI-Prompt und Vektor-Verbesserung
Möchtest du dieses Symbol verbessern oder umstylen? Codepen Logo
Erzeuge einen genauen Engineering-Prompt oder verbessere das Symbol direkt auf der Leinwand. Codepen Logo
Prompt-Generator zu 100% im Browser
Prüfung von Quelle und Lizenz
LICENSE.txt
Library: Phosphor Icons | Author: Helena Zhang & Toby Fried | License: MIT | Source: https://github.com/phosphor-icons/core | Ohne Anmeldung | 100% im Browser verarbeitet
Schlagwörter
#phosphor
#bold
#codepen
#logo
#brands
#outline
Codepen Logo - Technische Vektordaten
Quelle, Autor und Lizenz findest du in der Vorschau und in den Symboldetails. Codepen Logo
| Kanonische Datei-Kennung | phosphor/phosphor-bold-codepen-logo-bold |
|---|---|
| Quell-Bibliothekspaket | Phosphor Icons |
| Koordinatenraster und viewBox | viewBox="0 0 256 256" |
| Größe unkomprimiert | 809 bytes (~445 bytes gzipped) |
| SPDX-Lizenz und kommerzielle Nutzung | MIT - Kostenlos für kommerzielle Nutzung |
| Upstream Source | https://github.com/phosphor-icons/core |
| Unterstützte Exportziele | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Sicherheits- und Datenschutzgarantie | Ohne Anmeldung | 100% im Browser verarbeitet |
So nutzt und änderst du dieses Symbol: Codepen Logo
- Visuell anpassen: Farbe, Automatisch (Strich und Füllung), Strichstärke (
0.5px-4px), Live-Vektoranimationen - Vektor oder Bild herunterladen: SVG herunterladen, PNG (transparent), WebP (optimiert) (
2048x2048 px) - Framework-Code kopieren: Kopiere fertigen Code für React, Next.js, Vue 3, Svelte, Angular, HTML und CSS-Masken.
- Tiefe Vektorbearbeitung: Im SVG-Editor bearbeiten (77.087)
Tipp zur Barrierefreiheit (WCAG 2.1): Blende dekorative Symbole mit aria-hidden und focusable false aus. Gib Symbol-Schaltflächen ein klares aria-label. Spiegele Pfeile für Sprachen von rechts nach links horizontal.
phosphor-bold-codepen-logo-bold.svg aria-hidden="true" focusable="false"
Mehr in Marken & Tech-Logos
Ansehenbrand
Tiangong
LobeHub Icons|brands3d
Brand Tumblr
3D Vector Icons|brandsbrand
Fairphone Wordmark Dark
Dashboard Icons|brandsbrand
Cliparr
selfh.st Icons|brands3d
Brand Volkswagen
3D Vector Icons|brands
Wordmark Elasticsearch
Devicon|brands
Cloudnativepg
selfh.st Icons|brands
Wordmark Filezilla
Devicon|brands
Volcengine Text
LobeHub Icons|brands
Yugabytedb
Authentic Brand Logos|brands
Windsurf Text
LobeHub Icons|brands
Flatpak
Dashboard Icons|brands
Cld Container Docker Pod 3D
3D Vector Icons|brands
Wordmark Ionic
Devicon|brands
Forgegate
Dashboard Icons|brands
Conduit Open Webui
selfh.st Icons|brands
Antennapod
Authentic Brand Logos|brands
Node Minus
Bootstrap Icons|brands
Brand Hackerrank
Tabler Icons|brands
Brand Nextcloud
Tabler Icons|brands
Brand Tether
Tabler Icons|brands
Apacheant
Simple Icons|brands
Apachesolr
Simple Icons|brandsMehr entdecken
Häufig gestellte Fragen
Codepen Logo - Häufig gestellte Fragen
Welche Lizenz gilt für Codepen Logo? +
Codepen Logo stammt aus Phosphor Icons und unterliegt MIT. Namensnennung: Nennung Pflicht.
In welchen Formaten kann ich Codepen Logo herunterladen? +
Codepen Logo ist ein Vektor im outline-Stil (viewBox 0 0 256 256). Laden Sie SVG, PNG, WebP oder ICO herunter oder kopieren Sie React-TSX-, Vue-3-, Svelte-, Tailwind-CSS-, CSS-Mask- oder Base64-Code von dieser Seite.
Woher stammt das Symbol Codepen Logo? +
Codepen Logo ist Teil der Bibliothek Phosphor Icons von Helena Zhang & Toby Fried in der Kategorie Marken & Tech-Logos. Der vollständige Lizenztext steht in der auf dieser Seite verlinkten Lizenzdatei der Bibliothek.
100% im Browser verarbeitet | 77.087 Symbole
SVG-Editor
Bearbeite Pfade, Ebenen, Farben und Animationen im Browser und exportiere sauberes SVG, PNG oder Framework-Code.