跳到主要内容
社交媒体Hack a Day

Hackaday

Hackaday 官方矢量标志,归属社交媒体分类,提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

Hackaday Logo

色彩提取

点击直接复制色值
单色纯正规范该标志采用单一品牌官方基色,建议在排版中保持纯正

下载

ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究
优惠码 6666888 享95折
ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连
限时特惠码 6666888 享95折
矢量格式
SVG · 1:1
导出分辨率
1024 × 1024 px
画布视口
0 0 24 24
源码体积
2.1 KB · 1 个路径节点

编辑与导出

修改颜色、添加背景或留白后导出常用格式,全程在浏览器本地完成

颜色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 与网站图标套装Hackaday.zip

品牌视觉规范与工程参数档案

面向设计系统与工程引用的官方色彩、视口几何与对比度实测参数

品牌实体 / 展示名称
Hackaday
行业分类归属
社交媒体
官方基色 (HEX / RGB / HSL)
#1A1A1Argb(26, 26, 26) · hsl(0, 0%, 10%)
WCAG 亮暗底对比度与矢量体积
白底 17.4:1 · 暗底 1.1:1 · 2.1 KB

矢量代码片段

<svg fill="#1A1A1A" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Hackaday</title><path d="M0 4.124c0-.204.021-.401.06-.595l1.956 1.734 2.144-2.38L2.246 1.18c.259-.072.53-.114.812-.114a3.062 3.062 0 0 1 3.058 3.037v.021c0 .152-.012.304-.033.45l2.385 2.112a6.716 6.716 0 0 0-2.013 2.54L3.982 7.037a3.038 3.038 0 0 1-.924.145A3.06 3.06 0 0 1 0 4.124zm20.942 12.694c-.306 0-.601.045-.88.129l-2.308-2.044a6.862 6.862 0 0 1-1.819 2.706l1.993 1.765a3.05 3.05 0 0 0-.044.502 3.06 3.06 0 0 0 3.935 2.929l-1.992-1.77 2.14-2.365 1.981 1.76c.034-.181.052-.364.052-.554v-.026a3.057 3.057 0 0 0-3.058-3.032zm-3.397-7.592l2.473-2.189c.292.093.601.145.924.145A3.06 3.06 0 0 0 23.94 3.53l-1.956 1.734-2.144-2.38 1.914-1.703a3.049 3.049 0 0 0-.812-.114 3.062 3.062 0 0 0-3.058 3.037v.021c0 .152.012.304.033.45l-2.385 2.112a6.716 6.716 0 0 1 2.013 2.54zm-11.3 5.677l-2.307 2.044A3.057 3.057 0 0 0 0 19.85v.026c0 .19.018.373.052.554l1.982-1.76 2.14 2.365-1.993 1.77a3.06 3.06 0 0 0 3.935-2.929 3.05 3.05 0 0 0-.044-.502l1.993-1.765a6.862 6.862 0 0 1-1.82-2.706zm8.971 2.657a1.076 1.076 0 1 1-1.961.424h-.192a1.076 1.076 0 1 1-2.127 0h-.15A1.105 1.105 0 0 1 9.7 19.23c-.604 0-1.094-.5-1.094-1.115 0-.21.057-.405.156-.572-1.493-1.142-2.474-3.051-2.474-5.213 0-3.497 2.559-6.332 5.713-6.332s5.713 2.835 5.713 6.332c0 2.173-.991 4.091-2.497 5.231zm-4.194-5.914a1.995 1.995 0 0 0-.559-.66 1.804 1.804 0 0 0-.918-.264 1.45 1.45 0 0 0-.319.036c-.405.05-.747.327-.983.647-.207.257-.368.569-.372.905-.032.278.024.556.075.828.066.322.293.584.55.774.119.095.29.226.44.116.1-.134.016-.33.107-.478a.5.5 0 0 1 .258-.326c.263-.132.527-.262.808-.355.228-.067.416-.219.61-.349.255-.197.424-.558.303-.874zm.996 2.325c-.279-.007-.63 1.237-.574 1.78.175.72.237-.505.574-.506.323.014.275 1.255.53.504.078-.5-.224-1.77-.53-1.778zm4.036-.833c.051-.272.107-.55.075-.828-.004-.336-.165-.648-.372-.905-.236-.32-.578-.596-.983-.647a1.45 1.45 0 0 0-.319-.036c-.32-.001-.644.1-.918.264-.235.171-.42.406-.559.66-.121.316.048.677.303.874.194.13.382.282.61.35.28.092.545.222.808.354a.5.5 0 0 1 .258.326c.091.147.007.344.106.478.151.11.322-.021.44-.116.258-.19.485-.452.551-.774z"/></svg>

设计应用建议

  • 保持原生 1:1 宽高比(viewBox "0 0 24 24")等比例缩放,切勿拉伸变形
  • 标志外围应预留不少于标志高度 20% 的空白安全保护区
  • 在深色背景下建议优先选用反白、浅色衬底或官方暗色专版
查看更多同类
操作已完成