outline
1. Цвет
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
2. Фон холста и преобразования
3. Живые векторные анимации
Включено в экспорт SVG
Devicon
|
Бренды и логотипы
|
viewBox="0 0 128 128"
|
Товарный знак его владельца — используйте только для упоминания бренда
Иконка SVG: Codepen
Источник, автор и лицензия видны в просмотре и в деталях иконки. Codepen - Товарный знак его владельца — используйте только для упоминания бренда. Без Регистрации | 100% Обработка в Браузере
Уведомление о товарном знаке
Этот логотип является товарным знаком его владельца. Используйте этот файл только для упоминания этого бренда, например в статьях, обзорах или руководствах. Не используйте его так, чтобы это предполагало одобрение, партнёрство или аффилированность, и не продавайте и не распространяйте его как собственный логотип.
MIT - Лицензия файла относится только к файлу SVG — права на товарный знак не включены
Мгновенная загрузка вектора и изображений высокого разрешения
Оригинальные цвета иконки сохраняются, пока вы не выберете новый цвет.
devicon-line-codepen.svg (1 666 B)
Быстрое копирование для разработчиков и UI фреймворков
Живой вывод кода
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="36" height="36" fill="currentColor" role="img" aria-label="Codepen icon"><title>Codepen - Devicon icon</title><desc>Free Codepen vector icon from the Devicon open-source icon library; brand style, MIT licence, viewBox 0 0 128 128, 1411 bytes.</desc><path d="M64.006 0c-1.124-.001-2.248.324-3.314.98l-.008.007L2.633 39.694C.995 40.786 0 42.701 0 44.646v38.702c0 1.946.995 3.862 2.633 4.954l58.05 38.712.009.004c2.114 1.303 4.483 1.315 6.616.002l.008-.006 58.051-38.712C127.005 87.21 128 85.295 128 83.35V44.646c0-1.946-.995-3.86-2.633-4.952L67.317.986l-.009-.003C66.251.33 65.13 0 64.006 0Zm0 .977c.928 0 1.854.287 2.777.855h.002l58.028 38.695c1.338.892 2.187 2.52 2.187 4.12V83.35c0 1.598-.849 3.227-2.187 4.12l-58.028 38.698h-.002c-1.861 1.145-3.722 1.136-5.566 0h-.002L3.187 87.47C1.85 86.577 1 84.947 1 83.348V44.646c0-1.598.849-3.227 2.187-4.12L61.215 1.832h.002c.93-.572 1.86-.856 2.789-.855zm-4.963 14.24-.777.517-43.359 28.912 19.964 13.361 24.172-16.142Zm10.22.203-.252.506-.054.107v25.832l24.172 16.142 19.962-13.363Zm-11.22 1.664V41.33l-23.17 15.475-18.165-12.156Zm11.914 0 41.333 27.562-18.163 12.158-23.17-15.475ZM64 50.494 43.825 63.997 64 77.5l.277-.186 19.898-13.316zm0 1.204 18.376 12.3L64 76.297l-18.376-12.3Zm-53.087 2.219v20.16l15.078-10.08Zm106.174.002-15.08 10.077 15.08 10.082v-.936Zm-105.174 1.87 12.279 8.207-12.279 8.21Zm104.174.001v16.417l-12.28-8.209zM34.87 69.99 14.907 83.35l44.134 29.428.002-.934V86.13Zm58.258 0L68.957 86.13v26.023l.275.138.262.131 43.599-29.072zm-58.256 1.2 23.17 15.475v24.245L16.708 83.348Zm58.254.003 18.165 12.155-41.335 27.564V86.665Z"/></svg>
Проверка источника и лицензии
LICENSE.txt
Library: Devicon | Author: Devicon Contributors | License: MIT | Source: https://github.com/devicons/devicon | Без Регистрации | 100% Обработка в Браузере
Ключевые слова
#devicon
#line
#codepen
#brands
#brand
Codepen - Технические характеристики вектора
Источник, автор и лицензия видны в просмотре и в деталях иконки. Codepen
| Канонический идентификатор файла | devicon/devicon-line-codepen |
|---|---|
| Исходный пакет библиотеки | Devicon |
| Сетка координат и viewBox | viewBox="0 0 128 128" |
| Размер без сжатия | 1 666 bytes (~916 bytes gzipped) |
| Лицензия SPDX и коммерческое использование | MIT - Лицензия файла относится только к файлу SVG — права на товарный знак не включены |
| Upstream Source | https://github.com/devicons/devicon |
| Поддерживаемые форматы экспорта | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Гарантия безопасности и приватности | Без Регистрации | 100% Обработка в Браузере |
Как использовать и настроить эту иконку: Codepen
- Настройте визуально: Цвет, Авто (линия и заливка), Толщина линии (
0.5px-4px), Живые векторные анимации - Скачайте вектор или картинку: Скачать SVG, PNG (прозрачный), WebP (оптимизированный) (
2048x2048 px) - Скопируйте код для фреймворка: Копируйте готовый код для React, Next.js, Vue 3, Svelte, Angular, HTML и CSS масок.
- Глубокая векторная правка: Править в SVG редакторе (76 166)
Совет по доступности (WCAG 2.1): Скрывайте декоративные значки через aria-hidden и focusable false. Давайте кнопкам без текста понятный aria-label. Отражайте стрелки по горизонтали для языков справа налево.
devicon-line-codepen.svg aria-hidden="true" focusable="false"
Совпадения в других библиотеках ("Codepen")
Сравните иконку с другими открытыми векторными библиотеками.
Больше в Бренды и логотипы
Смотретьoutline
Codepen
MingCute Icons|interfacesolid
Codepen
MingCute Icons Fill|interfacebrand
Codepen
selfh.st Icons|brandsbrand
Codepen
Authentic Brand Logos|brandsbrand
Keybr
Dashboard Icons|brandsbrand
Redux Saga
Authentic Brand Logos|brands
Easy Redmine
selfh.st Icons|brands
Konica Minolta
Dashboard Icons|brands
Authentic Brand Logos|brands
Emoncms Dark
selfh.st Icons|brands
Librespeed
Dashboard Icons|brands
Brand Bunpo
Tabler Icons|brands
Brand Discord
Tabler Icons|brands
Brand Hexo
Tabler Icons|brands
X Logo
Phosphor Icons|brands
Telegram Logo
Phosphor Icons|brands
Wechat Logo
Phosphor Icons|brands
Apacheflink
Simple Icons|brands
Aihubmix
LobeHub Icons|brands
Apachesuperset
Simple Icons|brands
Alibaba
LobeHub Icons|brands
Alibabacloud
LobeHub Icons|brands
Gnu
Simple Icons|brands
Brand Arm
3D Vector Icons|brandsСмотреть ещё
Часто задаваемые вопросы
Codepen - Часто задаваемые вопросы
В каких форматах можно скачать Codepen? +
Codepen — вектор в стиле brand (viewBox 0 0 128 128). Скачайте SVG, PNG, WebP или ICO либо скопируйте код React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask или Base64 с этой страницы.
Откуда взялась иконка Codepen? +
Codepen входит в библиотеку Devicon от Devicon Contributors, в категории Бренды и логотипы. Полный текст лицензии находится в файле уведомления библиотеки, ссылка на который есть на этой странице.
100% Обработка в Браузере | 76 166 иконок
Редактор SVG
Правьте контуры, слои, цвета и анимации в браузере, затем экспортируйте чистый SVG, PNG или код для фреймворков.