找找图标
retroachievements 图标

retroachievements SVG 图标

simple-iconsretroachievements

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

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

下载 retroachievements 图标

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

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

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

retroachievements 的预览与使用场景

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

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

在真实界面里长这样

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

各尺寸下的可读性

retroachievements 图标 24px 渲染24pxretroachievements 图标 32px 渲染32pxretroachievements 图标 48px 渲染48pxretroachievements 图标 64px 渲染64pxretroachievements 图标 96px 渲染96pxretroachievements 图标 128px 渲染128px

复制 retroachievements 图标代码

内联 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="M0 5.389V7.22h4.617l.74-.014a1.6 1.6 0 0 1 .262.008c.061.008.146.024.201.035s.082.015.135.031a2.4 2.4 0 0 1 .44.182a3 3 0 0 1 .312.191a2 2 0 0 1 .25.213c.047.046.1.1.143.147s.076.086.113.138s.08.118.111.176q.048.087.08.154c.022.046.043.088.069.153a3 3 0 0 1 .181.672a3 3 0 0 1 .03.453a4 4 0 0 1-.026.357a3 3 0 0 1-.037.225c-.015.066-.03.114-.045.168l-.049.18a2 2 0 0 1-.168.392a2 2 0 0 1-.117.188a6 6 0 0 1-.185.24a2 2 0 0 1-.184.21a3.6 3.6 0 0 1-.43.32a2 2 0 0 1-.234.12a1 1 0 0 1-.182.07a1 1 0 0 1-.199.022l-.174.01l.41.726l3.24 5.623l1.823-.007l-3.06-5.5q.045-.031.099-.073a2 2 0 0 0 .125-.113c.049-.048.106-.107.158-.162a2 2 0 0 0 .143-.164c.044-.058.086-.123.127-.18c.04-.058.08-.109.117-.166q.056-.084.111-.19a8 8 0 0 0 .244-.497a2.5 2.5 0 0 0 .16-.508c.02-.082.033-.157.05-.235q.023-.118.044-.255a4 4 0 0 0 .03-.3c.006-.105.007-.216.01-.316c.002-.1.004-.189.003-.297a7 7 0 0 0-.013-.36a4 4 0 0 0-.041-.376a3 3 0 0 0-.075-.34a6 6 0 0 0-.095-.31a4 4 0 0 0-.112-.297a4 4 0 0 0-.164-.348a4 4 0 0 0-.181-.303a4 4 0 0 0-.19-.273A3 3 0 0 0 8.4 6.8a7 7 0 0 0-.25-.246a5 5 0 0 0-.304-.266a4 4 0 0 0-.272-.195a4 4 0 0 0-.271-.168a4 4 0 0 0-.729-.32a6 6 0 0 0-.424-.124a3 3 0 0 0-.345-.062a4 4 0 0 0-.272-.022H.217L.035 5.39zm17.54.01a3 3 0 0 0-.25.013a1 1 0 0 0-.19.035a2 2 0 0 0-.211.073q-.109.043-.221.095a1.5 1.5 0 0 0-.219.114a1.6 1.6 0 0 0-.207.167a3 3 0 0 0-.377.428q-.082.12-.14.233a3 3 0 0 0-.106.248a14 14 0 0 0-.121.334c-.036.107-.068.194-.746 2.101l-2.662 7.494c-.662 1.863-.661 1.864-.656 1.864h.002l.03.002h1.766l3.725-10.633l.09-.252q.039-.12.082-.211a.4.4 0 0 1 .11-.14a.6.6 0 0 1 .16-.098a.8.8 0 0 1 .19-.053a1 1 0 0 1 .206-.006a.7.7 0 0 1 .182.047a1 1 0 0 1 .193.092a.5.5 0 0 1 .142.138a1 1 0 0 1 .094.198c.028.076.054.163.614 1.72a7065.411 7066 0 0 0 2.742 7.606l-5.578.002l-.014 1.584l7.83-.01l-4.1-11.613c-.042-.1-.08-.2-.12-.285a2.6 2.6 0 0 0-.264-.45a3 3 0 0 0-.2-.232a2 2 0 0 0-.171-.156a2 2 0 0 0-.207-.16a1 1 0 0 0-.215-.11a3 3 0 0 0-.51-.146a2 2 0 0 0-.283-.034a6 6 0 0 0-.39 0m.17 2.253a.3.3 0 0 0-.073.012a.4.4 0 0 0-.102.043a.4.4 0 0 0-.144.166a2 2 0 0 0-.055.147l-.066.205l-3.407 9.88l-.134.366l-.047.127h1.681l.795-2.47v.41h4.979l-2.518-7.13c-.513-1.452-.535-1.518-.558-1.562a.24.24 0 0 0-.08-.092a1 1 0 0 0-.112-.065a.4.4 0 0 0-.119-.037zM.013 7.678C0 7.676 0 7.674 0 9.494v9.104h1.813V9.506c1.12 0 2.241 0 2.816.002s.605.007.629.015a.1.1 0 0 1 .05.034a.2.2 0 0 1 .03.056a.4.4 0 0 1 .023.147a.4.4 0 0 1-.01.084a.2.2 0 0 1-.029.062a.2.2 0 0 1-.06.055a.3.3 0 0 1-.108.027a2 2 0 0 1-.183.006l-.264.002H2.26v8.6h1.826v-4.573l2.633 4.575h1.927l-3.814-6.711h.365a1 1 0 0 0 .164-.01a3 3 0 0 0 .29-.05a2 2 0 0 0 .265-.089q.125-.05.234-.103q.105-.052.196-.115a1.8 1.8 0 0 0 .336-.31c.05-.06.1-.129.144-.189c.043-.058.08-.107.113-.166a2 2 0 0 0 .098-.2a3 3 0 0 0 .078-.208a1.5 1.5 0 0 0 .078-.418a4 4 0 0 0-.002-.521a6 6 0 0 0-.02-.24a3 3 0 0 0-.025-.184a1 1 0 0 0-.044-.18a2 2 0 0 0-.086-.21a2 2 0 0 0-.106-.186a3 3 0 0 0-.137-.19a2 2 0 0 0-.136-.148a1 1 0 0 0-.143-.11a4 4 0 0 0-.205-.124a2 2 0 0 0-.207-.106a2 2 0 0 0-.24-.078a2 2 0 0 0-.207-.047l-.127-.018H.076zM17.72 11.59l1.148 3.336H16.7z"/></svg>
reactReact 组件（TSX）
export function RetroachievementsIcon(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="M0 5.389V7.22h4.617l.74-.014a1.6 1.6 0 0 1 .262.008c.061.008.146.024.201.035s.082.015.135.031a2.4 2.4 0 0 1 .44.182a3 3 0 0 1 .312.191a2 2 0 0 1 .25.213c.047.046.1.1.143.147s.076.086.113.138s.08.118.111.176q.048.087.08.154c.022.046.043.088.069.153a3 3 0 0 1 .181.672a3 3 0 0 1 .03.453a4 4 0 0 1-.026.357a3 3 0 0 1-.037.225c-.015.066-.03.114-.045.168l-.049.18a2 2 0 0 1-.168.392a2 2 0 0 1-.117.188a6 6 0 0 1-.185.24a2 2 0 0 1-.184.21a3.6 3.6 0 0 1-.43.32a2 2 0 0 1-.234.12a1 1 0 0 1-.182.07a1 1 0 0 1-.199.022l-.174.01l.41.726l3.24 5.623l1.823-.007l-3.06-5.5q.045-.031.099-.073a2 2 0 0 0 .125-.113c.049-.048.106-.107.158-.162a2 2 0 0 0 .143-.164c.044-.058.086-.123.127-.18c.04-.058.08-.109.117-.166q.056-.084.111-.19a8 8 0 0 0 .244-.497a2.5 2.5 0 0 0 .16-.508c.02-.082.033-.157.05-.235q.023-.118.044-.255a4 4 0 0 0 .03-.3c.006-.105.007-.216.01-.316c.002-.1.004-.189.003-.297a7 7 0 0 0-.013-.36a4 4 0 0 0-.041-.376a3 3 0 0 0-.075-.34a6 6 0 0 0-.095-.31a4 4 0 0 0-.112-.297a4 4 0 0 0-.164-.348a4 4 0 0 0-.181-.303a4 4 0 0 0-.19-.273A3 3 0 0 0 8.4 6.8a7 7 0 0 0-.25-.246a5 5 0 0 0-.304-.266a4 4 0 0 0-.272-.195a4 4 0 0 0-.271-.168a4 4 0 0 0-.729-.32a6 6 0 0 0-.424-.124a3 3 0 0 0-.345-.062a4 4 0 0 0-.272-.022H.217L.035 5.39zm17.54.01a3 3 0 0 0-.25.013a1 1 0 0 0-.19.035a2 2 0 0 0-.211.073q-.109.043-.221.095a1.5 1.5 0 0 0-.219.114a1.6 1.6 0 0 0-.207.167a3 3 0 0 0-.377.428q-.082.12-.14.233a3 3 0 0 0-.106.248a14 14 0 0 0-.121.334c-.036.107-.068.194-.746 2.101l-2.662 7.494c-.662 1.863-.661 1.864-.656 1.864h.002l.03.002h1.766l3.725-10.633l.09-.252q.039-.12.082-.211a.4.4 0 0 1 .11-.14a.6.6 0 0 1 .16-.098a.8.8 0 0 1 .19-.053a1 1 0 0 1 .206-.006a.7.7 0 0 1 .182.047a1 1 0 0 1 .193.092a.5.5 0 0 1 .142.138a1 1 0 0 1 .094.198c.028.076.054.163.614 1.72a7065.411 7066 0 0 0 2.742 7.606l-5.578.002l-.014 1.584l7.83-.01l-4.1-11.613c-.042-.1-.08-.2-.12-.285a2.6 2.6 0 0 0-.264-.45a3 3 0 0 0-.2-.232a2 2 0 0 0-.171-.156a2 2 0 0 0-.207-.16a1 1 0 0 0-.215-.11a3 3 0 0 0-.51-.146a2 2 0 0 0-.283-.034a6 6 0 0 0-.39 0m.17 2.253a.3.3 0 0 0-.073.012a.4.4 0 0 0-.102.043a.4.4 0 0 0-.144.166a2 2 0 0 0-.055.147l-.066.205l-3.407 9.88l-.134.366l-.047.127h1.681l.795-2.47v.41h4.979l-2.518-7.13c-.513-1.452-.535-1.518-.558-1.562a.24.24 0 0 0-.08-.092a1 1 0 0 0-.112-.065a.4.4 0 0 0-.119-.037zM.013 7.678C0 7.676 0 7.674 0 9.494v9.104h1.813V9.506c1.12 0 2.241 0 2.816.002s.605.007.629.015a.1.1 0 0 1 .05.034a.2.2 0 0 1 .03.056a.4.4 0 0 1 .023.147a.4.4 0 0 1-.01.084a.2.2 0 0 1-.029.062a.2.2 0 0 1-.06.055a.3.3 0 0 1-.108.027a2 2 0 0 1-.183.006l-.264.002H2.26v8.6h1.826v-4.573l2.633 4.575h1.927l-3.814-6.711h.365a1 1 0 0 0 .164-.01a3 3 0 0 0 .29-.05a2 2 0 0 0 .265-.089q.125-.05.234-.103q.105-.052.196-.115a1.8 1.8 0 0 0 .336-.31c.05-.06.1-.129.144-.189c.043-.058.08-.107.113-.166a2 2 0 0 0 .098-.2a3 3 0 0 0 .078-.208a1.5 1.5 0 0 0 .078-.418a4 4 0 0 0-.002-.521a6 6 0 0 0-.02-.24a3 3 0 0 0-.025-.184a1 1 0 0 0-.044-.18a2 2 0 0 0-.086-.21a2 2 0 0 0-.106-.186a3 3 0 0 0-.137-.19a2 2 0 0 0-.136-.148a1 1 0 0 0-.143-.11a4 4 0 0 0-.205-.124a2 2 0 0 0-.207-.106a2 2 0 0 0-.24-.078a2 2 0 0 0-.207-.047l-.127-.018H.076zM17.72 11.59l1.148 3.336H16.7z"/>` }}
    />
  );
}
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="M0 5.389V7.22h4.617l.74-.014a1.6 1.6 0 0 1 .262.008c.061.008.146.024.201.035s.082.015.135.031a2.4 2.4 0 0 1 .44.182a3 3 0 0 1 .312.191a2 2 0 0 1 .25.213c.047.046.1.1.143.147s.076.086.113.138s.08.118.111.176q.048.087.08.154c.022.046.043.088.069.153a3 3 0 0 1 .181.672a3 3 0 0 1 .03.453a4 4 0 0 1-.026.357a3 3 0 0 1-.037.225c-.015.066-.03.114-.045.168l-.049.18a2 2 0 0 1-.168.392a2 2 0 0 1-.117.188a6 6 0 0 1-.185.24a2 2 0 0 1-.184.21a3.6 3.6 0 0 1-.43.32a2 2 0 0 1-.234.12a1 1 0 0 1-.182.07a1 1 0 0 1-.199.022l-.174.01l.41.726l3.24 5.623l1.823-.007l-3.06-5.5q.045-.031.099-.073a2 2 0 0 0 .125-.113c.049-.048.106-.107.158-.162a2 2 0 0 0 .143-.164c.044-.058.086-.123.127-.18c.04-.058.08-.109.117-.166q.056-.084.111-.19a8 8 0 0 0 .244-.497a2.5 2.5 0 0 0 .16-.508c.02-.082.033-.157.05-.235q.023-.118.044-.255a4 4 0 0 0 .03-.3c.006-.105.007-.216.01-.316c.002-.1.004-.189.003-.297a7 7 0 0 0-.013-.36a4 4 0 0 0-.041-.376a3 3 0 0 0-.075-.34a6 6 0 0 0-.095-.31a4 4 0 0 0-.112-.297a4 4 0 0 0-.164-.348a4 4 0 0 0-.181-.303a4 4 0 0 0-.19-.273A3 3 0 0 0 8.4 6.8a7 7 0 0 0-.25-.246a5 5 0 0 0-.304-.266a4 4 0 0 0-.272-.195a4 4 0 0 0-.271-.168a4 4 0 0 0-.729-.32a6 6 0 0 0-.424-.124a3 3 0 0 0-.345-.062a4 4 0 0 0-.272-.022H.217L.035 5.39zm17.54.01a3 3 0 0 0-.25.013a1 1 0 0 0-.19.035a2 2 0 0 0-.211.073q-.109.043-.221.095a1.5 1.5 0 0 0-.219.114a1.6 1.6 0 0 0-.207.167a3 3 0 0 0-.377.428q-.082.12-.14.233a3 3 0 0 0-.106.248a14 14 0 0 0-.121.334c-.036.107-.068.194-.746 2.101l-2.662 7.494c-.662 1.863-.661 1.864-.656 1.864h.002l.03.002h1.766l3.725-10.633l.09-.252q.039-.12.082-.211a.4.4 0 0 1 .11-.14a.6.6 0 0 1 .16-.098a.8.8 0 0 1 .19-.053a1 1 0 0 1 .206-.006a.7.7 0 0 1 .182.047a1 1 0 0 1 .193.092a.5.5 0 0 1 .142.138a1 1 0 0 1 .094.198c.028.076.054.163.614 1.72a7065.411 7066 0 0 0 2.742 7.606l-5.578.002l-.014 1.584l7.83-.01l-4.1-11.613c-.042-.1-.08-.2-.12-.285a2.6 2.6 0 0 0-.264-.45a3 3 0 0 0-.2-.232a2 2 0 0 0-.171-.156a2 2 0 0 0-.207-.16a1 1 0 0 0-.215-.11a3 3 0 0 0-.51-.146a2 2 0 0 0-.283-.034a6 6 0 0 0-.39 0m.17 2.253a.3.3 0 0 0-.073.012a.4.4 0 0 0-.102.043a.4.4 0 0 0-.144.166a2 2 0 0 0-.055.147l-.066.205l-3.407 9.88l-.134.366l-.047.127h1.681l.795-2.47v.41h4.979l-2.518-7.13c-.513-1.452-.535-1.518-.558-1.562a.24.24 0 0 0-.08-.092a1 1 0 0 0-.112-.065a.4.4 0 0 0-.119-.037zM.013 7.678C0 7.676 0 7.674 0 9.494v9.104h1.813V9.506c1.12 0 2.241 0 2.816.002s.605.007.629.015a.1.1 0 0 1 .05.034a.2.2 0 0 1 .03.056a.4.4 0 0 1 .023.147a.4.4 0 0 1-.01.084a.2.2 0 0 1-.029.062a.2.2 0 0 1-.06.055a.3.3 0 0 1-.108.027a2 2 0 0 1-.183.006l-.264.002H2.26v8.6h1.826v-4.573l2.633 4.575h1.927l-3.814-6.711h.365a1 1 0 0 0 .164-.01a3 3 0 0 0 .29-.05a2 2 0 0 0 .265-.089q.125-.05.234-.103q.105-.052.196-.115a1.8 1.8 0 0 0 .336-.31c.05-.06.1-.129.144-.189c.043-.058.08-.107.113-.166a2 2 0 0 0 .098-.2a3 3 0 0 0 .078-.208a1.5 1.5 0 0 0 .078-.418a4 4 0 0 0-.002-.521a6 6 0 0 0-.02-.24a3 3 0 0 0-.025-.184a1 1 0 0 0-.044-.18a2 2 0 0 0-.086-.21a2 2 0 0 0-.106-.186a3 3 0 0 0-.137-.19a2 2 0 0 0-.136-.148a1 1 0 0 0-.143-.11a4 4 0 0 0-.205-.124a2 2 0 0 0-.207-.106a2 2 0 0 0-.24-.078a2 2 0 0 0-.207-.047l-.127-.018H.076zM17.72 11.59l1.148 3.336H16.7z"/>`;
</script>
cssCSS mask（随 currentColor 改色）
.retroachievements {
  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%22M0%205.389V7.22h4.617l.74-.014a1.6%201.6%200%200%201%20.262.008c.061.008.146.024.201.035s.082.015.135.031a2.4%202.4%200%200%201%20.44.182a3%203%200%200%201%20.312.191a2%202%200%200%201%20.25.213c.047.046.1.1.143.147s.076.086.113.138s.08.118.111.176q.048.087.08.154c.022.046.043.088.069.153a3%203%200%200%201%20.181.672a3%203%200%200%201%20.03.453a4%204%200%200%201-.026.357a3%203%200%200%201-.037.225c-.015.066-.03.114-.045.168l-.049.18a2%202%200%200%201-.168.392a2%202%200%200%201-.117.188a6%206%200%200%201-.185.24a2%202%200%200%201-.184.21a3.6%203.6%200%200%201-.43.32a2%202%200%200%201-.234.12a1%201%200%200%201-.182.07a1%201%200%200%201-.199.022l-.174.01l.41.726l3.24%205.623l1.823-.007l-3.06-5.5q.045-.031.099-.073a2%202%200%200%200%20.125-.113c.049-.048.106-.107.158-.162a2%202%200%200%200%20.143-.164c.044-.058.086-.123.127-.18c.04-.058.08-.109.117-.166q.056-.084.111-.19a8%208%200%200%200%20.244-.497a2.5%202.5%200%200%200%20.16-.508c.02-.082.033-.157.05-.235q.023-.118.044-.255a4%204%200%200%200%20.03-.3c.006-.105.007-.216.01-.316c.002-.1.004-.189.003-.297a7%207%200%200%200-.013-.36a4%204%200%200%200-.041-.376a3%203%200%200%200-.075-.34a6%206%200%200%200-.095-.31a4%204%200%200%200-.112-.297a4%204%200%200%200-.164-.348a4%204%200%200%200-.181-.303a4%204%200%200%200-.19-.273A3%203%200%200%200%208.4%206.8a7%207%200%200%200-.25-.246a5%205%200%200%200-.304-.266a4%204%200%200%200-.272-.195a4%204%200%200%200-.271-.168a4%204%200%200%200-.729-.32a6%206%200%200%200-.424-.124a3%203%200%200%200-.345-.062a4%204%200%200%200-.272-.022H.217L.035%205.39zm17.54.01a3%203%200%200%200-.25.013a1%201%200%200%200-.19.035a2%202%200%200%200-.211.073q-.109.043-.221.095a1.5%201.5%200%200%200-.219.114a1.6%201.6%200%200%200-.207.167a3%203%200%200%200-.377.428q-.082.12-.14.233a3%203%200%200%200-.106.248a14%2014%200%200%200-.121.334c-.036.107-.068.194-.746%202.101l-2.662%207.494c-.662%201.863-.661%201.864-.656%201.864h.002l.03.002h1.766l3.725-10.633l.09-.252q.039-.12.082-.211a.4.4%200%200%201%20.11-.14a.6.6%200%200%201%20.16-.098a.8.8%200%200%201%20.19-.053a1%201%200%200%201%20.206-.006a.7.7%200%200%201%20.182.047a1%201%200%200%201%20.193.092a.5.5%200%200%201%20.142.138a1%201%200%200%201%20.094.198c.028.076.054.163.614%201.72a7065.411%207066%200%200%200%202.742%207.606l-5.578.002l-.014%201.584l7.83-.01l-4.1-11.613c-.042-.1-.08-.2-.12-.285a2.6%202.6%200%200%200-.264-.45a3%203%200%200%200-.2-.232a2%202%200%200%200-.171-.156a2%202%200%200%200-.207-.16a1%201%200%200%200-.215-.11a3%203%200%200%200-.51-.146a2%202%200%200%200-.283-.034a6%206%200%200%200-.39%200m.17%202.253a.3.3%200%200%200-.073.012a.4.4%200%200%200-.102.043a.4.4%200%200%200-.144.166a2%202%200%200%200-.055.147l-.066.205l-3.407%209.88l-.134.366l-.047.127h1.681l.795-2.47v.41h4.979l-2.518-7.13c-.513-1.452-.535-1.518-.558-1.562a.24.24%200%200%200-.08-.092a1%201%200%200%200-.112-.065a.4.4%200%200%200-.119-.037zM.013%207.678C0%207.676%200%207.674%200%209.494v9.104h1.813V9.506c1.12%200%202.241%200%202.816.002s.605.007.629.015a.1.1%200%200%201%20.05.034a.2.2%200%200%201%20.03.056a.4.4%200%200%201%20.023.147a.4.4%200%200%201-.01.084a.2.2%200%200%201-.029.062a.2.2%200%200%201-.06.055a.3.3%200%200%201-.108.027a2%202%200%200%201-.183.006l-.264.002H2.26v8.6h1.826v-4.573l2.633%204.575h1.927l-3.814-6.711h.365a1%201%200%200%200%20.164-.01a3%203%200%200%200%20.29-.05a2%202%200%200%200%20.265-.089q.125-.05.234-.103q.105-.052.196-.115a1.8%201.8%200%200%200%20.336-.31c.05-.06.1-.129.144-.189c.043-.058.08-.107.113-.166a2%202%200%200%200%20.098-.2a3%203%200%200%200%20.078-.208a1.5%201.5%200%200%200%20.078-.418a4%204%200%200%200-.002-.521a6%206%200%200%200-.02-.24a3%203%200%200%200-.025-.184a1%201%200%200%200-.044-.18a2%202%200%200%200-.086-.21a2%202%200%200%200-.106-.186a3%203%200%200%200-.137-.19a2%202%200%200%200-.136-.148a1%201%200%200%200-.143-.11a4%204%200%200%200-.205-.124a2%202%200%200%200-.207-.106a2%202%200%200%200-.24-.078a2%202%200%200%200-.207-.047l-.127-.018H.076zM17.72%2011.59l1.148%203.336H16.7z%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%22M0%205.389V7.22h4.617l.74-.014a1.6%201.6%200%200%201%20.262.008c.061.008.146.024.201.035s.082.015.135.031a2.4%202.4%200%200%201%20.44.182a3%203%200%200%201%20.312.191a2%202%200%200%201%20.25.213c.047.046.1.1.143.147s.076.086.113.138s.08.118.111.176q.048.087.08.154c.022.046.043.088.069.153a3%203%200%200%201%20.181.672a3%203%200%200%201%20.03.453a4%204%200%200%201-.026.357a3%203%200%200%201-.037.225c-.015.066-.03.114-.045.168l-.049.18a2%202%200%200%201-.168.392a2%202%200%200%201-.117.188a6%206%200%200%201-.185.24a2%202%200%200%201-.184.21a3.6%203.6%200%200%201-.43.32a2%202%200%200%201-.234.12a1%201%200%200%201-.182.07a1%201%200%200%201-.199.022l-.174.01l.41.726l3.24%205.623l1.823-.007l-3.06-5.5q.045-.031.099-.073a2%202%200%200%200%20.125-.113c.049-.048.106-.107.158-.162a2%202%200%200%200%20.143-.164c.044-.058.086-.123.127-.18c.04-.058.08-.109.117-.166q.056-.084.111-.19a8%208%200%200%200%20.244-.497a2.5%202.5%200%200%200%20.16-.508c.02-.082.033-.157.05-.235q.023-.118.044-.255a4%204%200%200%200%20.03-.3c.006-.105.007-.216.01-.316c.002-.1.004-.189.003-.297a7%207%200%200%200-.013-.36a4%204%200%200%200-.041-.376a3%203%200%200%200-.075-.34a6%206%200%200%200-.095-.31a4%204%200%200%200-.112-.297a4%204%200%200%200-.164-.348a4%204%200%200%200-.181-.303a4%204%200%200%200-.19-.273A3%203%200%200%200%208.4%206.8a7%207%200%200%200-.25-.246a5%205%200%200%200-.304-.266a4%204%200%200%200-.272-.195a4%204%200%200%200-.271-.168a4%204%200%200%200-.729-.32a6%206%200%200%200-.424-.124a3%203%200%200%200-.345-.062a4%204%200%200%200-.272-.022H.217L.035%205.39zm17.54.01a3%203%200%200%200-.25.013a1%201%200%200%200-.19.035a2%202%200%200%200-.211.073q-.109.043-.221.095a1.5%201.5%200%200%200-.219.114a1.6%201.6%200%200%200-.207.167a3%203%200%200%200-.377.428q-.082.12-.14.233a3%203%200%200%200-.106.248a14%2014%200%200%200-.121.334c-.036.107-.068.194-.746%202.101l-2.662%207.494c-.662%201.863-.661%201.864-.656%201.864h.002l.03.002h1.766l3.725-10.633l.09-.252q.039-.12.082-.211a.4.4%200%200%201%20.11-.14a.6.6%200%200%201%20.16-.098a.8.8%200%200%201%20.19-.053a1%201%200%200%201%20.206-.006a.7.7%200%200%201%20.182.047a1%201%200%200%201%20.193.092a.5.5%200%200%201%20.142.138a1%201%200%200%201%20.094.198c.028.076.054.163.614%201.72a7065.411%207066%200%200%200%202.742%207.606l-5.578.002l-.014%201.584l7.83-.01l-4.1-11.613c-.042-.1-.08-.2-.12-.285a2.6%202.6%200%200%200-.264-.45a3%203%200%200%200-.2-.232a2%202%200%200%200-.171-.156a2%202%200%200%200-.207-.16a1%201%200%200%200-.215-.11a3%203%200%200%200-.51-.146a2%202%200%200%200-.283-.034a6%206%200%200%200-.39%200m.17%202.253a.3.3%200%200%200-.073.012a.4.4%200%200%200-.102.043a.4.4%200%200%200-.144.166a2%202%200%200%200-.055.147l-.066.205l-3.407%209.88l-.134.366l-.047.127h1.681l.795-2.47v.41h4.979l-2.518-7.13c-.513-1.452-.535-1.518-.558-1.562a.24.24%200%200%200-.08-.092a1%201%200%200%200-.112-.065a.4.4%200%200%200-.119-.037zM.013%207.678C0%207.676%200%207.674%200%209.494v9.104h1.813V9.506c1.12%200%202.241%200%202.816.002s.605.007.629.015a.1.1%200%200%201%20.05.034a.2.2%200%200%201%20.03.056a.4.4%200%200%201%20.023.147a.4.4%200%200%201-.01.084a.2.2%200%200%201-.029.062a.2.2%200%200%201-.06.055a.3.3%200%200%201-.108.027a2%202%200%200%201-.183.006l-.264.002H2.26v8.6h1.826v-4.573l2.633%204.575h1.927l-3.814-6.711h.365a1%201%200%200%200%20.164-.01a3%203%200%200%200%20.29-.05a2%202%200%200%200%20.265-.089q.125-.05.234-.103q.105-.052.196-.115a1.8%201.8%200%200%200%20.336-.31c.05-.06.1-.129.144-.189c.043-.058.08-.107.113-.166a2%202%200%200%200%20.098-.2a3%203%200%200%200%20.078-.208a1.5%201.5%200%200%200%20.078-.418a4%204%200%200%200-.002-.521a6%206%200%200%200-.02-.24a3%203%200%200%200-.025-.184a1%201%200%200%200-.044-.18a2%202%200%200%200-.086-.21a2%202%200%200%200-.106-.186a3%203%200%200%200-.137-.19a2%202%200%200%200-.136-.148a1%201%200%200%200-.143-.11a4%204%200%200%200-.205-.124a2%202%200%200%200-.207-.106a2%202%200%200%200-.24-.078a2%202%200%200%200-.207-.047l-.127-.018H.076zM17.72%2011.59l1.148%203.336H16.7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 retroachievements 加一点动效

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

retroachievements 呼吸动效演示

呼吸

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

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

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

旋转

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

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

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

SVG 健康报告

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

文件体积

3.16 KB

3,238 字节

viewBox

0 0 24 24

矢量坐标系

图元总数

1

<path> ×1

风格

单色（跟随 currentColor）

填充跟随容器颜色

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

常见问题

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

retroachievements 图标是什么？▾

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

如何下载 retroachievements 图标？▾

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

retroachievements 图标可以商用吗？▾

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

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

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