找找图标
codeproject 图标

codeproject SVG 图标

simple-iconscodeproject

来自 Simple Icons 开源图标集，矢量 SVG 可无损缩放到任意尺寸，支持在线改色、复制 React/Vue/HTML 代码。

图标 ID
simple-icons:codeproject
中文名
—
所属集合
Simple Icons
集合规模
3,467 枚
基础网格
24px
色彩
单色（可改色）
开源协议
CC0-1.0
作者
Simple Icons Collaborators

下载 codeproject 图标

SVG 矢量源文件，或 PNG 按 16~512 预设与 16~1024 自定义尺寸导出，任意尺寸边缘锐利。

px
iOS / Android 全套尺寸 · 素材包生成器用 AI 生成类似风格的图标

PNG 由矢量源实时渲染，任意尺寸边缘锐利无锯齿；下载与预览均免费，无需注册。

codeproject 的预览与使用场景

切换预览颜色后，下方三底色、真实界面场景与各尺寸渲染会实时跟随。

预览颜色
codeproject 图标 浅色背景预览浅色背景
codeproject 图标 深色背景预览深色背景
codeproject 图标 灰底融入预览灰底融入

在真实界面里长这样

继续按钮内 · 主操作
搜索codeproject…输入框 · 前缀图标
codeproject导航菜单 · 选中态
暂无内容空状态 · 引导提示
9:41codeproject App 图标codeproject手机桌面 · App 图标
codeprojectsimple-icons.design/icons/codeproject浏览器 · 标签页与站点图标

各尺寸下的可读性

codeproject 图标 24px 渲染24pxcodeproject 图标 32px 渲染32pxcodeproject 图标 48px 渲染48pxcodeproject 图标 64px 渲染64pxcodeproject 图标 96px 渲染96pxcodeproject 图标 128px 渲染128px

复制 codeproject 图标代码

内联 SVG、React、Vue 与 CSS mask 四种主流引用方式，代码基于当前源文件生成，复制即用。

svgSVG 源码（内联 HTML）
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.644 21.576c-.837-.038-2.143.467-2.43.209c-.378-.34.28-1.882.531-2.19c.172-.204.452-.523.605-.663c.594-.552.967-1.32.964-2.177c-.004-.941-.281-1.278.659-.532c.324.258.768.59 1.335.854c1.14.524-1.32-1.68-1.788-2.102c-.788-.698-1.045-1.08-.609-1.353q.52-.327.977-.723c1.195-1.036 2.047-2.607 1.878-4.897c-.15-2.091-4.09-7.979-5.14-8.002c-.851-.018-2.58 2.107-3.527 3.256c-1.028 1.247-2.637 3.408-2.958 4.677a4.7 4.7 0 0 0-.135 1.181c0 1.44.75 2.784 1.898 3.744c.703.586 1.48 1.038.237 2.31c-.74.76-2.433 2.363-1.452 1.91c.572-.265 1-.614 1.34-.855c.71-.504.99-.669.833-.03c-.034.133-.028.274-.028.41c0 .893.37 1.69.95 2.278c.15.154.586.486.833.7c.586.506 1.196 1.864.816 2.202c-.287.259-1.593-.246-2.426-.208c-.837.037-2.276.566-2.239 1.563c.037.998 3.17.851 3.9.858c1.645.012 1.089-.643 1.645-.631c.555.016 0 .611 1.85.621c.73.004 3.678.15 3.715-.847c.042-.998-1.4-1.525-2.234-1.563m-5.502 1.789c-.665.281-1.536.244-1.764-.15c-.226-.398 1.138-.717 1.498-.772c.359-.057 1.138-.132 1.422.396c.332.613-.495.241-1.156.526M8.257 9.099c0-.348.028-.685.103-1.007c.254-1.088 1.467-2.977 2.272-4.042c.744-.984 1.761-2.88 2.43-2.863c.82.02 4.274 5.173 4.395 6.96c.127 1.961-.535 3.305-1.47 4.193c-.807.764-1.783 1.367-2.939 1.367c-2.31 0-4.791-2.098-4.791-4.608m2.129 7.714c0-1.216.994-2.204 2.221-2.204a2.21 2.21 0 0 1 2.219 2.204c0 1.218-.99 2.201-2.219 2.201a2.21 2.21 0 0 1-2.221-2.201m1.927 4.986c-.237 0-.46-.905-.463-1.145c-.007-.356.038-.755.474-.755s.47.398.473.755c.005.33-.248 1.145-.484 1.145m3.954 1.415c-.226.395-1.1.432-1.765.15c-.66-.284-1.487.087-1.155-.526c.284-.527 1.063-.452 1.423-.396c.358.055 1.727.375 1.497.772M15.081 5.857c-.456 0-.85.31-1.172.775c-.158.23-.45.41-.826-.23c-.35-.593-.92-.922-1.508-.922c-1.178 0-2.135 1.413-2.135 3.156c0 1.74.957 3.153 2.135 3.153c.737 0 1.37-.557 1.769-1.39c.154-.324.386-.263.566-.02c.336.457.716.776 1.172.776c.92 0 1.663-1.187 1.663-2.646c-.001-1.466-.744-2.652-1.664-2.652m-3.506 4.987c-.826 0-1.498-.99-1.498-2.21c0-1.226.672-2.216 1.498-2.216s1.498.99 1.498 2.217c0 1.218-.672 2.21-1.498 2.21zm3.506-.483c-.641 0-1.162-.83-1.162-1.856c0-1.028.52-1.857 1.162-1.857c.644 0 1.167.829 1.167 1.857c0 1.026-.522 1.856-1.167 1.856m.471-1.905c0 .481-.189.876-.419.876s-.418-.395-.418-.876c0-.488.188-.882.418-.882s.42.393.42.882zm-2.414 8.978a.418.418 0 0 1-.836 0c0-.229.189-.413.418-.413s.418.185.418.413M5.57 17.36c-.165 0-1.688.02-2.163.227c-.474.21.284.508.928.544c.322.02.22.26.076.453c-1.155 1.58-.265 1.263.513.565c.192-.17.265.057.285.265c.018.206.51 1.75.665-.208c.063-.81.113-1.241.077-1.526c-.038-.282-.193-.32-.381-.32m12.858 0c.161 0 1.687.02 2.163.227c.474.21-.284.508-.932.544c-.32.02-.217.26-.076.453c1.158 1.58.268 1.263-.51.565c-.192-.17-.265.057-.285.265c-.021.206-.516 1.75-.665-.208c-.064-.81-.113-1.241-.076-1.526c.04-.282.19-.32.381-.32m-6.254-8.812c0 .607-.235 1.101-.524 1.101c-.288 0-.521-.494-.521-1.1c0-.608.233-1.101.52-1.101c.289 0 .525.493.525 1.1m3.377-.091c0 .481-.189.876-.419.876s-.418-.395-.418-.876c0-.488.188-.882.418-.882s.42.393.42.882Z"/></svg>
reactReact 组件（TSX）
export function CodeprojectIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="1em"
      height="1em"
      viewBox="0 0 24 24"
      fill="currentColor"
      {...props}
      dangerouslySetInnerHTML={{ __html: `<path fill="currentColor" d="M15.644 21.576c-.837-.038-2.143.467-2.43.209c-.378-.34.28-1.882.531-2.19c.172-.204.452-.523.605-.663c.594-.552.967-1.32.964-2.177c-.004-.941-.281-1.278.659-.532c.324.258.768.59 1.335.854c1.14.524-1.32-1.68-1.788-2.102c-.788-.698-1.045-1.08-.609-1.353q.52-.327.977-.723c1.195-1.036 2.047-2.607 1.878-4.897c-.15-2.091-4.09-7.979-5.14-8.002c-.851-.018-2.58 2.107-3.527 3.256c-1.028 1.247-2.637 3.408-2.958 4.677a4.7 4.7 0 0 0-.135 1.181c0 1.44.75 2.784 1.898 3.744c.703.586 1.48 1.038.237 2.31c-.74.76-2.433 2.363-1.452 1.91c.572-.265 1-.614 1.34-.855c.71-.504.99-.669.833-.03c-.034.133-.028.274-.028.41c0 .893.37 1.69.95 2.278c.15.154.586.486.833.7c.586.506 1.196 1.864.816 2.202c-.287.259-1.593-.246-2.426-.208c-.837.037-2.276.566-2.239 1.563c.037.998 3.17.851 3.9.858c1.645.012 1.089-.643 1.645-.631c.555.016 0 .611 1.85.621c.73.004 3.678.15 3.715-.847c.042-.998-1.4-1.525-2.234-1.563m-5.502 1.789c-.665.281-1.536.244-1.764-.15c-.226-.398 1.138-.717 1.498-.772c.359-.057 1.138-.132 1.422.396c.332.613-.495.241-1.156.526M8.257 9.099c0-.348.028-.685.103-1.007c.254-1.088 1.467-2.977 2.272-4.042c.744-.984 1.761-2.88 2.43-2.863c.82.02 4.274 5.173 4.395 6.96c.127 1.961-.535 3.305-1.47 4.193c-.807.764-1.783 1.367-2.939 1.367c-2.31 0-4.791-2.098-4.791-4.608m2.129 7.714c0-1.216.994-2.204 2.221-2.204a2.21 2.21 0 0 1 2.219 2.204c0 1.218-.99 2.201-2.219 2.201a2.21 2.21 0 0 1-2.221-2.201m1.927 4.986c-.237 0-.46-.905-.463-1.145c-.007-.356.038-.755.474-.755s.47.398.473.755c.005.33-.248 1.145-.484 1.145m3.954 1.415c-.226.395-1.1.432-1.765.15c-.66-.284-1.487.087-1.155-.526c.284-.527 1.063-.452 1.423-.396c.358.055 1.727.375 1.497.772M15.081 5.857c-.456 0-.85.31-1.172.775c-.158.23-.45.41-.826-.23c-.35-.593-.92-.922-1.508-.922c-1.178 0-2.135 1.413-2.135 3.156c0 1.74.957 3.153 2.135 3.153c.737 0 1.37-.557 1.769-1.39c.154-.324.386-.263.566-.02c.336.457.716.776 1.172.776c.92 0 1.663-1.187 1.663-2.646c-.001-1.466-.744-2.652-1.664-2.652m-3.506 4.987c-.826 0-1.498-.99-1.498-2.21c0-1.226.672-2.216 1.498-2.216s1.498.99 1.498 2.217c0 1.218-.672 2.21-1.498 2.21zm3.506-.483c-.641 0-1.162-.83-1.162-1.856c0-1.028.52-1.857 1.162-1.857c.644 0 1.167.829 1.167 1.857c0 1.026-.522 1.856-1.167 1.856m.471-1.905c0 .481-.189.876-.419.876s-.418-.395-.418-.876c0-.488.188-.882.418-.882s.42.393.42.882zm-2.414 8.978a.418.418 0 0 1-.836 0c0-.229.189-.413.418-.413s.418.185.418.413M5.57 17.36c-.165 0-1.688.02-2.163.227c-.474.21.284.508.928.544c.322.02.22.26.076.453c-1.155 1.58-.265 1.263.513.565c.192-.17.265.057.285.265c.018.206.51 1.75.665-.208c.063-.81.113-1.241.077-1.526c-.038-.282-.193-.32-.381-.32m12.858 0c.161 0 1.687.02 2.163.227c.474.21-.284.508-.932.544c-.32.02-.217.26-.076.453c1.158 1.58.268 1.263-.51.565c-.192-.17-.265.057-.285.265c-.021.206-.516 1.75-.665-.208c-.064-.81-.113-1.241-.076-1.526c.04-.282.19-.32.381-.32m-6.254-8.812c0 .607-.235 1.101-.524 1.101c-.288 0-.521-.494-.521-1.1c0-.608.233-1.101.52-1.101c.289 0 .525.493.525 1.1m3.377-.091c0 .481-.189.876-.419.876s-.418-.395-.418-.876c0-.488.188-.882.418-.882s.42.393.42.882Z"/>` }}
    />
  );
}
vueVue 3 组件
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor" v-html="body"></svg>
</template>

<script setup>
const body = `<path fill="currentColor" d="M15.644 21.576c-.837-.038-2.143.467-2.43.209c-.378-.34.28-1.882.531-2.19c.172-.204.452-.523.605-.663c.594-.552.967-1.32.964-2.177c-.004-.941-.281-1.278.659-.532c.324.258.768.59 1.335.854c1.14.524-1.32-1.68-1.788-2.102c-.788-.698-1.045-1.08-.609-1.353q.52-.327.977-.723c1.195-1.036 2.047-2.607 1.878-4.897c-.15-2.091-4.09-7.979-5.14-8.002c-.851-.018-2.58 2.107-3.527 3.256c-1.028 1.247-2.637 3.408-2.958 4.677a4.7 4.7 0 0 0-.135 1.181c0 1.44.75 2.784 1.898 3.744c.703.586 1.48 1.038.237 2.31c-.74.76-2.433 2.363-1.452 1.91c.572-.265 1-.614 1.34-.855c.71-.504.99-.669.833-.03c-.034.133-.028.274-.028.41c0 .893.37 1.69.95 2.278c.15.154.586.486.833.7c.586.506 1.196 1.864.816 2.202c-.287.259-1.593-.246-2.426-.208c-.837.037-2.276.566-2.239 1.563c.037.998 3.17.851 3.9.858c1.645.012 1.089-.643 1.645-.631c.555.016 0 .611 1.85.621c.73.004 3.678.15 3.715-.847c.042-.998-1.4-1.525-2.234-1.563m-5.502 1.789c-.665.281-1.536.244-1.764-.15c-.226-.398 1.138-.717 1.498-.772c.359-.057 1.138-.132 1.422.396c.332.613-.495.241-1.156.526M8.257 9.099c0-.348.028-.685.103-1.007c.254-1.088 1.467-2.977 2.272-4.042c.744-.984 1.761-2.88 2.43-2.863c.82.02 4.274 5.173 4.395 6.96c.127 1.961-.535 3.305-1.47 4.193c-.807.764-1.783 1.367-2.939 1.367c-2.31 0-4.791-2.098-4.791-4.608m2.129 7.714c0-1.216.994-2.204 2.221-2.204a2.21 2.21 0 0 1 2.219 2.204c0 1.218-.99 2.201-2.219 2.201a2.21 2.21 0 0 1-2.221-2.201m1.927 4.986c-.237 0-.46-.905-.463-1.145c-.007-.356.038-.755.474-.755s.47.398.473.755c.005.33-.248 1.145-.484 1.145m3.954 1.415c-.226.395-1.1.432-1.765.15c-.66-.284-1.487.087-1.155-.526c.284-.527 1.063-.452 1.423-.396c.358.055 1.727.375 1.497.772M15.081 5.857c-.456 0-.85.31-1.172.775c-.158.23-.45.41-.826-.23c-.35-.593-.92-.922-1.508-.922c-1.178 0-2.135 1.413-2.135 3.156c0 1.74.957 3.153 2.135 3.153c.737 0 1.37-.557 1.769-1.39c.154-.324.386-.263.566-.02c.336.457.716.776 1.172.776c.92 0 1.663-1.187 1.663-2.646c-.001-1.466-.744-2.652-1.664-2.652m-3.506 4.987c-.826 0-1.498-.99-1.498-2.21c0-1.226.672-2.216 1.498-2.216s1.498.99 1.498 2.217c0 1.218-.672 2.21-1.498 2.21zm3.506-.483c-.641 0-1.162-.83-1.162-1.856c0-1.028.52-1.857 1.162-1.857c.644 0 1.167.829 1.167 1.857c0 1.026-.522 1.856-1.167 1.856m.471-1.905c0 .481-.189.876-.419.876s-.418-.395-.418-.876c0-.488.188-.882.418-.882s.42.393.42.882zm-2.414 8.978a.418.418 0 0 1-.836 0c0-.229.189-.413.418-.413s.418.185.418.413M5.57 17.36c-.165 0-1.688.02-2.163.227c-.474.21.284.508.928.544c.322.02.22.26.076.453c-1.155 1.58-.265 1.263.513.565c.192-.17.265.057.285.265c.018.206.51 1.75.665-.208c.063-.81.113-1.241.077-1.526c-.038-.282-.193-.32-.381-.32m12.858 0c.161 0 1.687.02 2.163.227c.474.21-.284.508-.932.544c-.32.02-.217.26-.076.453c1.158 1.58.268 1.263-.51.565c-.192-.17-.265.057-.285.265c-.021.206-.516 1.75-.665-.208c-.064-.81-.113-1.241-.076-1.526c.04-.282.19-.32.381-.32m-6.254-8.812c0 .607-.235 1.101-.524 1.101c-.288 0-.521-.494-.521-1.1c0-.608.233-1.101.52-1.101c.289 0 .525.493.525 1.1m3.377-.091c0 .481-.189.876-.419.876s-.418-.395-.418-.876c0-.488.188-.882.418-.882s.42.393.42.882Z"/>`;
</script>
cssCSS mask（随 currentColor 改色）
.codeproject {
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.644%2021.576c-.837-.038-2.143.467-2.43.209c-.378-.34.28-1.882.531-2.19c.172-.204.452-.523.605-.663c.594-.552.967-1.32.964-2.177c-.004-.941-.281-1.278.659-.532c.324.258.768.59%201.335.854c1.14.524-1.32-1.68-1.788-2.102c-.788-.698-1.045-1.08-.609-1.353q.52-.327.977-.723c1.195-1.036%202.047-2.607%201.878-4.897c-.15-2.091-4.09-7.979-5.14-8.002c-.851-.018-2.58%202.107-3.527%203.256c-1.028%201.247-2.637%203.408-2.958%204.677a4.7%204.7%200%200%200-.135%201.181c0%201.44.75%202.784%201.898%203.744c.703.586%201.48%201.038.237%202.31c-.74.76-2.433%202.363-1.452%201.91c.572-.265%201-.614%201.34-.855c.71-.504.99-.669.833-.03c-.034.133-.028.274-.028.41c0%20.893.37%201.69.95%202.278c.15.154.586.486.833.7c.586.506%201.196%201.864.816%202.202c-.287.259-1.593-.246-2.426-.208c-.837.037-2.276.566-2.239%201.563c.037.998%203.17.851%203.9.858c1.645.012%201.089-.643%201.645-.631c.555.016%200%20.611%201.85.621c.73.004%203.678.15%203.715-.847c.042-.998-1.4-1.525-2.234-1.563m-5.502%201.789c-.665.281-1.536.244-1.764-.15c-.226-.398%201.138-.717%201.498-.772c.359-.057%201.138-.132%201.422.396c.332.613-.495.241-1.156.526M8.257%209.099c0-.348.028-.685.103-1.007c.254-1.088%201.467-2.977%202.272-4.042c.744-.984%201.761-2.88%202.43-2.863c.82.02%204.274%205.173%204.395%206.96c.127%201.961-.535%203.305-1.47%204.193c-.807.764-1.783%201.367-2.939%201.367c-2.31%200-4.791-2.098-4.791-4.608m2.129%207.714c0-1.216.994-2.204%202.221-2.204a2.21%202.21%200%200%201%202.219%202.204c0%201.218-.99%202.201-2.219%202.201a2.21%202.21%200%200%201-2.221-2.201m1.927%204.986c-.237%200-.46-.905-.463-1.145c-.007-.356.038-.755.474-.755s.47.398.473.755c.005.33-.248%201.145-.484%201.145m3.954%201.415c-.226.395-1.1.432-1.765.15c-.66-.284-1.487.087-1.155-.526c.284-.527%201.063-.452%201.423-.396c.358.055%201.727.375%201.497.772M15.081%205.857c-.456%200-.85.31-1.172.775c-.158.23-.45.41-.826-.23c-.35-.593-.92-.922-1.508-.922c-1.178%200-2.135%201.413-2.135%203.156c0%201.74.957%203.153%202.135%203.153c.737%200%201.37-.557%201.769-1.39c.154-.324.386-.263.566-.02c.336.457.716.776%201.172.776c.92%200%201.663-1.187%201.663-2.646c-.001-1.466-.744-2.652-1.664-2.652m-3.506%204.987c-.826%200-1.498-.99-1.498-2.21c0-1.226.672-2.216%201.498-2.216s1.498.99%201.498%202.217c0%201.218-.672%202.21-1.498%202.21zm3.506-.483c-.641%200-1.162-.83-1.162-1.856c0-1.028.52-1.857%201.162-1.857c.644%200%201.167.829%201.167%201.857c0%201.026-.522%201.856-1.167%201.856m.471-1.905c0%20.481-.189.876-.419.876s-.418-.395-.418-.876c0-.488.188-.882.418-.882s.42.393.42.882zm-2.414%208.978a.418.418%200%200%201-.836%200c0-.229.189-.413.418-.413s.418.185.418.413M5.57%2017.36c-.165%200-1.688.02-2.163.227c-.474.21.284.508.928.544c.322.02.22.26.076.453c-1.155%201.58-.265%201.263.513.565c.192-.17.265.057.285.265c.018.206.51%201.75.665-.208c.063-.81.113-1.241.077-1.526c-.038-.282-.193-.32-.381-.32m12.858%200c.161%200%201.687.02%202.163.227c.474.21-.284.508-.932.544c-.32.02-.217.26-.076.453c1.158%201.58.268%201.263-.51.565c-.192-.17-.265.057-.285.265c-.021.206-.516%201.75-.665-.208c-.064-.81-.113-1.241-.076-1.526c.04-.282.19-.32.381-.32m-6.254-8.812c0%20.607-.235%201.101-.524%201.101c-.288%200-.521-.494-.521-1.1c0-.608.233-1.101.52-1.101c.289%200%20.525.493.525%201.1m3.377-.091c0%20.481-.189.876-.419.876s-.418-.395-.418-.876c0-.488.188-.882.418-.882s.42.393.42.882Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.644%2021.576c-.837-.038-2.143.467-2.43.209c-.378-.34.28-1.882.531-2.19c.172-.204.452-.523.605-.663c.594-.552.967-1.32.964-2.177c-.004-.941-.281-1.278.659-.532c.324.258.768.59%201.335.854c1.14.524-1.32-1.68-1.788-2.102c-.788-.698-1.045-1.08-.609-1.353q.52-.327.977-.723c1.195-1.036%202.047-2.607%201.878-4.897c-.15-2.091-4.09-7.979-5.14-8.002c-.851-.018-2.58%202.107-3.527%203.256c-1.028%201.247-2.637%203.408-2.958%204.677a4.7%204.7%200%200%200-.135%201.181c0%201.44.75%202.784%201.898%203.744c.703.586%201.48%201.038.237%202.31c-.74.76-2.433%202.363-1.452%201.91c.572-.265%201-.614%201.34-.855c.71-.504.99-.669.833-.03c-.034.133-.028.274-.028.41c0%20.893.37%201.69.95%202.278c.15.154.586.486.833.7c.586.506%201.196%201.864.816%202.202c-.287.259-1.593-.246-2.426-.208c-.837.037-2.276.566-2.239%201.563c.037.998%203.17.851%203.9.858c1.645.012%201.089-.643%201.645-.631c.555.016%200%20.611%201.85.621c.73.004%203.678.15%203.715-.847c.042-.998-1.4-1.525-2.234-1.563m-5.502%201.789c-.665.281-1.536.244-1.764-.15c-.226-.398%201.138-.717%201.498-.772c.359-.057%201.138-.132%201.422.396c.332.613-.495.241-1.156.526M8.257%209.099c0-.348.028-.685.103-1.007c.254-1.088%201.467-2.977%202.272-4.042c.744-.984%201.761-2.88%202.43-2.863c.82.02%204.274%205.173%204.395%206.96c.127%201.961-.535%203.305-1.47%204.193c-.807.764-1.783%201.367-2.939%201.367c-2.31%200-4.791-2.098-4.791-4.608m2.129%207.714c0-1.216.994-2.204%202.221-2.204a2.21%202.21%200%200%201%202.219%202.204c0%201.218-.99%202.201-2.219%202.201a2.21%202.21%200%200%201-2.221-2.201m1.927%204.986c-.237%200-.46-.905-.463-1.145c-.007-.356.038-.755.474-.755s.47.398.473.755c.005.33-.248%201.145-.484%201.145m3.954%201.415c-.226.395-1.1.432-1.765.15c-.66-.284-1.487.087-1.155-.526c.284-.527%201.063-.452%201.423-.396c.358.055%201.727.375%201.497.772M15.081%205.857c-.456%200-.85.31-1.172.775c-.158.23-.45.41-.826-.23c-.35-.593-.92-.922-1.508-.922c-1.178%200-2.135%201.413-2.135%203.156c0%201.74.957%203.153%202.135%203.153c.737%200%201.37-.557%201.769-1.39c.154-.324.386-.263.566-.02c.336.457.716.776%201.172.776c.92%200%201.663-1.187%201.663-2.646c-.001-1.466-.744-2.652-1.664-2.652m-3.506%204.987c-.826%200-1.498-.99-1.498-2.21c0-1.226.672-2.216%201.498-2.216s1.498.99%201.498%202.217c0%201.218-.672%202.21-1.498%202.21zm3.506-.483c-.641%200-1.162-.83-1.162-1.856c0-1.028.52-1.857%201.162-1.857c.644%200%201.167.829%201.167%201.857c0%201.026-.522%201.856-1.167%201.856m.471-1.905c0%20.481-.189.876-.419.876s-.418-.395-.418-.876c0-.488.188-.882.418-.882s.42.393.42.882zm-2.414%208.978a.418.418%200%200%201-.836%200c0-.229.189-.413.418-.413s.418.185.418.413M5.57%2017.36c-.165%200-1.688.02-2.163.227c-.474.21.284.508.928.544c.322.02.22.26.076.453c-1.155%201.58-.265%201.263.513.565c.192-.17.265.057.285.265c.018.206.51%201.75.665-.208c.063-.81.113-1.241.077-1.526c-.038-.282-.193-.32-.381-.32m12.858%200c.161%200%201.687.02%202.163.227c.474.21-.284.508-.932.544c-.32.02-.217.26-.076.453c1.158%201.58.268%201.263-.51.565c-.192-.17-.265.057-.285.265c-.021.206-.516%201.75-.665-.208c-.064-.81-.113-1.241-.076-1.526c.04-.282.19-.32.381-.32m-6.254-8.812c0%20.607-.235%201.101-.524%201.101c-.288%200-.521-.494-.521-1.1c0-.608.233-1.101.52-1.101c.289%200%20.525.493.525%201.1m3.377-.091c0%20.481-.189.876-.419.876s-.418-.395-.418-.876c0-.488.188-.882.418-.882s.42.393.42.882Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 codeproject 加一点动效

单文件 CSS 即可播放，无需任何依赖；描画动效仅对描边类图标生效。

codeproject 呼吸动效演示

呼吸

透明度往复渐变，适合状态提示与在线指示。

css呼吸动效样式
.icon-codeproject {
  animation: icon-breathe 1.8s ease-in-out infinite;
}

@keyframes icon-breathe {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}
codeproject 旋转动效演示

旋转

匀速循环旋转，适合加载中场景。

css旋转动效样式
.icon-codeproject {
  animation: icon-spin 1.6s linear infinite;
}

@keyframes icon-spin {
  to { transform: rotate(360deg); }
}

SVG 健康报告

对源文件的客观技术指标，供工程侧评估引用方式。

文件体积

3.08 KB

3,151 字节

viewBox

0 0 24 24

矢量坐标系

图元总数

1

<path> ×1

风格

单色（跟随 currentColor）

填充跟随容器颜色

同时含 width/height 与 viewBox：可以只保留 viewBox，让图标跟随容器自适应缩放。 文件体积 3.08 KB（3,151 字节），图元 1 个，风格为单色（跟随 currentColor）。

常见问题

关于 codeproject 图标的下载、商用与改色。

codeproject 图标是什么？▾

它是 Simple Icons（simple-icons）开源图标集中的 codeproject 图标，单色（跟随 currentColor），viewBox 为 0 0 24 24，文件仅 3.08 KB，矢量格式可无损缩放到任意尺寸。

如何下载 codeproject 图标？▾

点击「下载与导出」中的 SVG 源文件按钮保存矢量文件；也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG，或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时，用素材包生成器一键打包。

codeproject 图标可以商用吗？▾

该图标采用 CC0 1.0（CC0-1.0） 开源协议，通常允许在遵守协议的前提下免费使用，常见要求是保留作者版权声明。商用前建议阅读协议原文确认。

如何修改 codeproject 图标的颜色？▾

在「预览与场景」的色板中切换颜色，三底色与全部场景会实时跟随；点击任一相近图标可打开预览弹层，复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。