devicon
v2.16.0
Демо · запрос значок · внести свой вклад
<!-- in your header -->
< link rel =" stylesheet " href =" https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css " >
<!-- in your body -->
< i class =" devicon-devicon-plain " > </ i > develop против master Devicon стремится собрать все логотипы, представляющие языки развития и инструменты. Каждый значок поставляется в нескольких версиях: Font/SVG, Original/Plain/Line, цветной/не окрашенный, Wordmark/No Wordmark. Devicon имеет более 150 икон. И это растет!
См. Devicon.json или наш веб -сайт для полной и актуальной ссылки всех доступных значков.
Спасибо всем нашим участникам и приложению Icomoon. Девикон был бы невозможным без вас.
Все названия продуктов, логотипы и брендов являются собственностью их соответствующих владельцев. Все названия компаний, продуктов и услуг, используемых на этом сайте, предназначены только для целей идентификации. Использование этих имен, логотипов и брендов не подразумевает одобрения. Использование этих логотипов должно выполняться в соответствии с политикой бренда/бренда/сервиса. Для супер быстрой настройки, перейдите, проверьте Devicon.dev.
Вы можете либо использовать необработанные значки SVG, наш шрифт Devicon (который также доступен через CDN), либо по созданию Devicon.
devicon (рекомендуется) Вы можете установить Devicon в качестве зависимости от вашего проекта либо с помощью npm или yarn :
npm install --save devicon
yarn add deviconЕсли вы не хотите использовать диспетчер пакетов, вы также можете загрузить и включить Devicon.min.css рядом с файлами шрифтов в ваш проект. См. Devicon.dev для получения подробной информации о том, как добавить Devicon в ваш проект через CDN.
После настройки вам просто нужно включить таблицу стилей в свой заголовок, чтобы начать:
< link rel =" stylesheet " href =" devicon.min.css " > Начните использовать значки с <i> -tag:
<!-- for devicon plain version -->
< i class =" devicon-devicon-plain " > </ i >
<!-- for devicon plain version with wordmark -->
< i class =" devicon-devicon-plain-wordmark " > </ i >
<!-- for devicon plain version colored with devicon main color -->
< i class =" devicon-devicon-plain colored " > </ i >
<!-- for devicon plain version with wordmark colored with devicon main color -->
< i class =" devicon-devicon-plain-wordmark colored " > </ i > Альтернативный способ использования devicon - это копирование/вставка необработанного кода SVG вашему проекту.
<!-- for devicon plain version -->
< svg id =" Devicon " class =' devicon-devicon-plain ' xmlns =" http://www.w3.org/2000/svg " viewBox =" 0 0 128 128 " > < path id =" plain " fill =" #60be86 " d =" M64,7.83H4.77L14.95,95.13l49,25,.06,0,49.07-25L123.23,7.83Zm42.77,54.86c0,.88,0,1.67-.77,2L73.25,80.44l-2.42,1.13-.27-3.15V72.23l.24-1.57,1.09-.47L95.07,59.81l-21.54-9.6L64.35,68.34,58.9,78.87l-1.22,2.27-2.05-.9L22,64.71a2.42,2.42,0,0,1-1.45-2V56.91a2.39,2.39,0,0,1,1.42-2l34-15.73,3.21-1.44v9.66l.24,1.34-1.56.7L34.45,59.79,56.3,69.42l8.05-16,6.21-12.65,1.13-2.28,1.81.91L106,54.89c.73.35.76,1.14.76,2Z " /> </ svg >Добавьте следующие правила CSS в свою таблицу стиля:
. devicon-devicon-plain {
max-width : 2 em ;
}
/* if you want to change the original color */
. devicon-devicon-plain path {
fill : # 4691f6 ;
}img и ссылаться на SVG непосредственно из репозитория: < img src =' https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/devicon/devicon-original.svg ' > Когда вы хотите запросить значок, пожалуйста, не стесняйтесь создавать проблему. Проверьте нашу вики для получения дополнительной информации.
Мы довольны каждым вкладом, будь то новые иконки, функции или сопровождающие. Пожалуйста, посмотрите на нашу вики, чтобы увидеть, как вы можете внести свой вклад в этот проект.
У нас есть сообщество Discord для Devicons. Вы можете легко запросить иконки, обсудить и хорошо провести время, разговаривая с членами сообщества! Присоединяйтесь к официальному серверу Discord здесь!
develop против master Все официальные релизы должны быть в master . Любые обновления между (значки, функции и т. Д.) будут сохранены в develop .
develop содержит:master содержит:После того, как запрос на тягу был открыт в течение более 30 дней без действия автора или ответа, он будет автоматически помечен как устаревший. Мы могли бы разжечь ваши изменения и сами объединить изменения. Поскольку GitHub отслеживает взносы Commits, вам будет зачислена зачисление.
Следуйте этим шагам для создания веб -сайта и значков либо локально, либо с помощью gitpod.io.
Используя gitpod.io, вы можете легко построить значки и установить
Требуемые зависимости в одном щелчке. Не требуется дополнительная настройка.
Примечание в случае, если некоторые команды не выполнены должным образом, вы можете
Следуйте приведенным ниже шагам и запустите те же команды на gitpod.io
Разветвляется репозиторий и клонируйте разветвленный репозиторий.
git clone https://github.com/ < your-github-username > /devicon.gitПримечание в случае установки GIT, проверьте официальное руководство по установке GIT в вашей операционной системе.
npm installПримечание В случае установки NPM, проверьте это Ultimate Guide на установке Node.js и NPM. Эти инструменты необходимы для правильного создания Devicon.
Примечание Убедитесь, что ваша установка Python включает PIP
python3 -m pip install --upgrade pip && pip install selenium==4.1.0 requests==2.25.1 Как только все зависимости будут установлены, вы можете продолжить создание новейших значков.
Обычно это делается в каждом выпуске, но вы можете подглянуть перед выпуском.
# Linux/Unix
npm run build-icons
# Windows
python3 ./.github/scripts/icomoon_build_githubless.py ./.github/scripts/build_assets/geckodriver-v0.32.2-win64/geckodriver.exe ./icomoon.json ./devicon.json ./icons ./ --headlessПроцесс может занять некоторое время, в зависимости от скорости вашей операционной системы и количества значков.
Если показаны какие -либо ошибки, сообщите нам об этом, создав проблему или связавшись с нами в нашем сообществе Discord.
Запустите следующую команду, чтобы построить новую таблицу стилей CSS.
Этот файл используется для отображения всех новых ранее созданных значков.
npm run build-cssЗапустите следующую команду, чтобы запустить веб -сервер с Python.
npm run dev # Will run on port 8000Или эта команда, которая делает точно так же, но порт может быть настроен.
python3 -m http.server < port > Ты закончил! ? Ваша сборка Devicons должна быть доступна по адресу https://localhost:8000 (или желаемый порт).
