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与masterDevicon旨在收集代表开发语言和工具的所有徽标。每个图标都有多个版本：字体/svg，原始/普通/线，彩色/不着色，wordmark/no Wordmark。 Devicon有150多个图标。而且它正在增长！
有关所有可用图标的完整和最新参考，请参见Devicon.json或我们的网站。
感谢我们所有的贡献者和Icomoon应用程序。没有你，德文是不可能的。
所有产品名称，徽标和品牌都是其各自所有者的财产。本网站中使用的所有公司，产品和服务名称仅用于识别目的。使用这些名称，徽标和品牌并不意味着认可。这些徽标的使用应根据公司/品牌/服务的品牌政策进行。对于超快速设置，请查看Devicon.dev。
您可以使用RAW SVG图标，我们的Devicon字体（也可以通过CDN获得），也可以自己构建Devicon。
devicon字体（推荐）您可以使用npm或yarn安装Devicon作为项目的依赖性：
npm install --save devicon
yarn add devicon如果您不想使用软件包管理器，则还可以下载并在您的项目旁边包含devicon.min.css。有关如何通过CDN将Devicon添加到您的项目中的详细信息，请参见Devicon.dev。
设置后，您只需要在标题中包括样式表即可开始：
< 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的另一种方法是将RAW 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 ' > 当您要请求图标时，请随时创建问题。查看我们的Wiki以获取更多信息。
无论是新的图标，功能还是维护者，我们都对每项贡献感到满意。请看看我们的Wiki，看看如何为该项目做出贡献。
我们有一个Devicons的不和谐社区。您可以轻松地请求图标，讨论并与社区成员交谈！在此处加入官方的Discord服务器！
develop与master所有官方版本均应为master 。 （图标，功能等）之间的任何更新都将保留在develop中。
develop包含：master包含：在没有作者的活动或响应的情况下打开拉动请求超过30天之后，它将自动将其标记为陈旧。我们可能会分散您的变化并自己合并。由于Github跟踪Consits的贡献，因此您将被归功于您。
请按照以下步骤在本地或使用gitpod.io构建网站和图标。
通过使用gitpod.io，您可以轻松构建图标并安装
单击一次所需的依赖项。无需额外的设置。
注意如果某些命令无法正确运行，则可以
按照下面的步骤操作并在gitpod.io上运行相同的命令
分叉存储库，然后克隆分叉的存储库。
git clone https://github.com/ < your-github-username > /devicon.git请注意，如果您没有安装GIT，请检查在操作系统上安装GIT的官方指南。
npm install请注意，如果您没有安装NPM，请检查有关安装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启动Web服务器。
npm run dev # Will run on port 8000或此命令，该命令完全相同，但是可以自定义端口。
python3 -m http.server < port >你现在完成了！ ？您的Devicons的构建应在https://localhost:8000 （或所需的端口）上找到。
