找找图标
acm 图标

acm SVG 图标

academiconsacm

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

图标 ID
academicons:acm
中文名
—
所属集合
Academicons
集合规模
158 枚
基础网格
32px
色彩
单色（可改色）
开源协议
OFL-1.1
作者
James Walsh

下载 acm 图标

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

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

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

acm 的预览与使用场景

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

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

在真实界面里长这样

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

各尺寸下的可读性

acm 图标 24px 渲染24pxacm 图标 32px 渲染32pxacm 图标 48px 渲染48pxacm 图标 64px 渲染64pxacm 图标 96px 渲染96pxacm 图标 128px 渲染128px

复制 acm 图标代码

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

svgSVG 源码（内联 HTML）
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8L8 256l248 248l248-248zm.023 399.39c-83.944 0-152.016-68.027-152.016-151.97c0-83.99 68.072-152.064 152.016-152.064c83.989 0 151.972 68.074 151.972 152.064c0 83.944-67.983 151.97-151.972 151.97m-94.29-146.914c-1.81.604-3.201 1.532-4.129 2.831c-1.021 1.3-1.579 2.97-1.579 5.012c0 3.063.883 5.198 2.507 6.357c1.625 1.161 4.084 1.67 7.378 1.67c1.67 0 3.528-.277 5.336-1.205c1.95-.742 3.62-1.949 5.105-3.387v-13.69q-5.22.557-8.354.974c-2.089.232-4.222.649-6.264 1.438M256 118.576c-75.41 0-136.54 61.133-136.54 136.544c0 75.408 61.13 136.54 136.54 136.54s136.543-61.132 136.543-136.54c0-75.41-61.132-136.543-136.543-136.543M196.95 288.97h-20.603v-6.913a201 201 0 0 0-3.804 3.108c-1.067.974-2.505 1.811-4.409 2.786c-1.856.974-3.573 1.67-5.383 2.042c-1.718.51-4.13.742-7.285.742c-5.802 0-10.627-2.042-14.432-5.894c-3.852-3.945-5.801-8.77-5.801-14.758c0-4.964.975-8.91 2.924-11.88c1.997-3.015 4.78-5.428 8.4-7.191c3.71-1.763 8.167-3.016 13.271-3.712c5.198-.649 10.718-1.3 16.705-1.625v-.415c0-3.573-1.393-6.126-4.036-7.471c-2.69-1.393-6.683-2.088-12.065-2.088c-2.459 0-5.243.465-8.491 1.39c-3.204.79-6.357 1.997-9.513 3.343h-1.67v-15.916c2.042-.648 5.29-1.3 9.837-2.135a75.6 75.6 0 0 1 13.782-1.254c11.323 0 19.537 1.949 24.732 5.66c5.243 3.805 7.843 9.606 7.843 17.31v44.87zm66.357-44.78h-2.645c-.742-.787-1.811-1.67-2.97-2.505c-1.255-1.02-2.46-1.856-3.898-2.6c-1.485-.928-3.248-1.484-5.011-2.135a23 23 0 0 0-6.357-.882c-5.243 0-9.329 1.81-12.204 5.522c-2.83 3.619-4.362 8.537-4.362 14.71c0 6.544 1.576 11.508 4.64 14.757c3.062 3.2 7.1 4.825 12.25 4.825c2.598 0 4.92-.324 6.916-.835c1.901-.603 3.573-1.345 4.918-2.135c1.439-.834 2.646-1.624 3.62-2.552c.975-.835 1.855-1.625 2.459-2.319h2.645v17.54c-1.161.512-2.507 1.114-4.084 1.81c-1.531.604-3.015 1.162-4.687 1.58c-1.949.648-3.898.927-5.615 1.252c-1.763.324-4.038.51-6.913.51c-5.429 0-10.486-.742-14.99-2.09c-4.453-1.39-8.35-3.48-11.692-6.311c-3.342-2.922-5.894-6.495-7.75-10.765c-1.856-4.318-2.736-9.467-2.736-15.267c0-6.356.928-11.6 2.97-16.103c1.996-4.408 4.639-8.026 8.12-10.858c3.293-2.736 7.146-4.78 11.647-6.078c4.409-1.346 9.048-1.997 13.873-1.997c3.621 0 7.333.465 10.904 1.346c3.667.787 7.285 2.135 10.951 3.99zm89.697 44.78v-32.946c0-3.202-.047-5.894-.185-8.168c-.141-2.226-.51-4.084-1.114-5.476c-.558-1.438-1.532-2.414-2.739-3.063c-1.205-.695-2.97-.974-5.15-.974c-1.579 0-3.11.28-4.687.974c-1.532.696-3.201 1.717-5.012 2.924v46.728h-20.555V256.02c0-3.201-.048-5.894-.186-8.168c-.186-2.226-.463-4.084-1.066-5.476c-.65-1.438-1.532-2.414-2.737-3.063c-1.3-.694-3.015-.974-5.198-.974c-1.717 0-3.342.37-4.966 1.114a43 43 0 0 0-4.685 2.784v46.727h-20.56V223.12h20.558v7.285c3.342-2.831 6.544-5.102 9.513-6.73c2.925-1.578 6.266-2.413 10.024-2.413c3.99 0 7.563.973 10.533 2.877c3.156 1.901 5.429 4.732 7.054 8.585c3.945-3.667 7.702-6.498 11.137-8.492c3.528-1.997 7.051-2.97 10.627-2.97c3.062 0 5.799.558 8.26 1.484c2.414 1.021 4.501 2.507 6.126 4.409c1.902 2.135 3.249 4.64 4.13 7.564c.975 2.924 1.392 6.683 1.392 11.416v42.83h-20.514z"/></svg>
reactReact 组件（TSX）
export function AcmIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="1em"
      height="1em"
      viewBox="0 0 512 512"
      fill="currentColor"
      {...props}
      dangerouslySetInnerHTML={{ __html: `<path fill="currentColor" d="M256 8L8 256l248 248l248-248zm.023 399.39c-83.944 0-152.016-68.027-152.016-151.97c0-83.99 68.072-152.064 152.016-152.064c83.989 0 151.972 68.074 151.972 152.064c0 83.944-67.983 151.97-151.972 151.97m-94.29-146.914c-1.81.604-3.201 1.532-4.129 2.831c-1.021 1.3-1.579 2.97-1.579 5.012c0 3.063.883 5.198 2.507 6.357c1.625 1.161 4.084 1.67 7.378 1.67c1.67 0 3.528-.277 5.336-1.205c1.95-.742 3.62-1.949 5.105-3.387v-13.69q-5.22.557-8.354.974c-2.089.232-4.222.649-6.264 1.438M256 118.576c-75.41 0-136.54 61.133-136.54 136.544c0 75.408 61.13 136.54 136.54 136.54s136.543-61.132 136.543-136.54c0-75.41-61.132-136.543-136.543-136.543M196.95 288.97h-20.603v-6.913a201 201 0 0 0-3.804 3.108c-1.067.974-2.505 1.811-4.409 2.786c-1.856.974-3.573 1.67-5.383 2.042c-1.718.51-4.13.742-7.285.742c-5.802 0-10.627-2.042-14.432-5.894c-3.852-3.945-5.801-8.77-5.801-14.758c0-4.964.975-8.91 2.924-11.88c1.997-3.015 4.78-5.428 8.4-7.191c3.71-1.763 8.167-3.016 13.271-3.712c5.198-.649 10.718-1.3 16.705-1.625v-.415c0-3.573-1.393-6.126-4.036-7.471c-2.69-1.393-6.683-2.088-12.065-2.088c-2.459 0-5.243.465-8.491 1.39c-3.204.79-6.357 1.997-9.513 3.343h-1.67v-15.916c2.042-.648 5.29-1.3 9.837-2.135a75.6 75.6 0 0 1 13.782-1.254c11.323 0 19.537 1.949 24.732 5.66c5.243 3.805 7.843 9.606 7.843 17.31v44.87zm66.357-44.78h-2.645c-.742-.787-1.811-1.67-2.97-2.505c-1.255-1.02-2.46-1.856-3.898-2.6c-1.485-.928-3.248-1.484-5.011-2.135a23 23 0 0 0-6.357-.882c-5.243 0-9.329 1.81-12.204 5.522c-2.83 3.619-4.362 8.537-4.362 14.71c0 6.544 1.576 11.508 4.64 14.757c3.062 3.2 7.1 4.825 12.25 4.825c2.598 0 4.92-.324 6.916-.835c1.901-.603 3.573-1.345 4.918-2.135c1.439-.834 2.646-1.624 3.62-2.552c.975-.835 1.855-1.625 2.459-2.319h2.645v17.54c-1.161.512-2.507 1.114-4.084 1.81c-1.531.604-3.015 1.162-4.687 1.58c-1.949.648-3.898.927-5.615 1.252c-1.763.324-4.038.51-6.913.51c-5.429 0-10.486-.742-14.99-2.09c-4.453-1.39-8.35-3.48-11.692-6.311c-3.342-2.922-5.894-6.495-7.75-10.765c-1.856-4.318-2.736-9.467-2.736-15.267c0-6.356.928-11.6 2.97-16.103c1.996-4.408 4.639-8.026 8.12-10.858c3.293-2.736 7.146-4.78 11.647-6.078c4.409-1.346 9.048-1.997 13.873-1.997c3.621 0 7.333.465 10.904 1.346c3.667.787 7.285 2.135 10.951 3.99zm89.697 44.78v-32.946c0-3.202-.047-5.894-.185-8.168c-.141-2.226-.51-4.084-1.114-5.476c-.558-1.438-1.532-2.414-2.739-3.063c-1.205-.695-2.97-.974-5.15-.974c-1.579 0-3.11.28-4.687.974c-1.532.696-3.201 1.717-5.012 2.924v46.728h-20.555V256.02c0-3.201-.048-5.894-.186-8.168c-.186-2.226-.463-4.084-1.066-5.476c-.65-1.438-1.532-2.414-2.737-3.063c-1.3-.694-3.015-.974-5.198-.974c-1.717 0-3.342.37-4.966 1.114a43 43 0 0 0-4.685 2.784v46.727h-20.56V223.12h20.558v7.285c3.342-2.831 6.544-5.102 9.513-6.73c2.925-1.578 6.266-2.413 10.024-2.413c3.99 0 7.563.973 10.533 2.877c3.156 1.901 5.429 4.732 7.054 8.585c3.945-3.667 7.702-6.498 11.137-8.492c3.528-1.997 7.051-2.97 10.627-2.97c3.062 0 5.799.558 8.26 1.484c2.414 1.021 4.501 2.507 6.126 4.409c1.902 2.135 3.249 4.64 4.13 7.564c.975 2.924 1.392 6.683 1.392 11.416v42.83h-20.514z"/>` }}
    />
  );
}
vueVue 3 组件
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512" fill="currentColor" v-html="body"></svg>
</template>

<script setup>
const body = `<path fill="currentColor" d="M256 8L8 256l248 248l248-248zm.023 399.39c-83.944 0-152.016-68.027-152.016-151.97c0-83.99 68.072-152.064 152.016-152.064c83.989 0 151.972 68.074 151.972 152.064c0 83.944-67.983 151.97-151.972 151.97m-94.29-146.914c-1.81.604-3.201 1.532-4.129 2.831c-1.021 1.3-1.579 2.97-1.579 5.012c0 3.063.883 5.198 2.507 6.357c1.625 1.161 4.084 1.67 7.378 1.67c1.67 0 3.528-.277 5.336-1.205c1.95-.742 3.62-1.949 5.105-3.387v-13.69q-5.22.557-8.354.974c-2.089.232-4.222.649-6.264 1.438M256 118.576c-75.41 0-136.54 61.133-136.54 136.544c0 75.408 61.13 136.54 136.54 136.54s136.543-61.132 136.543-136.54c0-75.41-61.132-136.543-136.543-136.543M196.95 288.97h-20.603v-6.913a201 201 0 0 0-3.804 3.108c-1.067.974-2.505 1.811-4.409 2.786c-1.856.974-3.573 1.67-5.383 2.042c-1.718.51-4.13.742-7.285.742c-5.802 0-10.627-2.042-14.432-5.894c-3.852-3.945-5.801-8.77-5.801-14.758c0-4.964.975-8.91 2.924-11.88c1.997-3.015 4.78-5.428 8.4-7.191c3.71-1.763 8.167-3.016 13.271-3.712c5.198-.649 10.718-1.3 16.705-1.625v-.415c0-3.573-1.393-6.126-4.036-7.471c-2.69-1.393-6.683-2.088-12.065-2.088c-2.459 0-5.243.465-8.491 1.39c-3.204.79-6.357 1.997-9.513 3.343h-1.67v-15.916c2.042-.648 5.29-1.3 9.837-2.135a75.6 75.6 0 0 1 13.782-1.254c11.323 0 19.537 1.949 24.732 5.66c5.243 3.805 7.843 9.606 7.843 17.31v44.87zm66.357-44.78h-2.645c-.742-.787-1.811-1.67-2.97-2.505c-1.255-1.02-2.46-1.856-3.898-2.6c-1.485-.928-3.248-1.484-5.011-2.135a23 23 0 0 0-6.357-.882c-5.243 0-9.329 1.81-12.204 5.522c-2.83 3.619-4.362 8.537-4.362 14.71c0 6.544 1.576 11.508 4.64 14.757c3.062 3.2 7.1 4.825 12.25 4.825c2.598 0 4.92-.324 6.916-.835c1.901-.603 3.573-1.345 4.918-2.135c1.439-.834 2.646-1.624 3.62-2.552c.975-.835 1.855-1.625 2.459-2.319h2.645v17.54c-1.161.512-2.507 1.114-4.084 1.81c-1.531.604-3.015 1.162-4.687 1.58c-1.949.648-3.898.927-5.615 1.252c-1.763.324-4.038.51-6.913.51c-5.429 0-10.486-.742-14.99-2.09c-4.453-1.39-8.35-3.48-11.692-6.311c-3.342-2.922-5.894-6.495-7.75-10.765c-1.856-4.318-2.736-9.467-2.736-15.267c0-6.356.928-11.6 2.97-16.103c1.996-4.408 4.639-8.026 8.12-10.858c3.293-2.736 7.146-4.78 11.647-6.078c4.409-1.346 9.048-1.997 13.873-1.997c3.621 0 7.333.465 10.904 1.346c3.667.787 7.285 2.135 10.951 3.99zm89.697 44.78v-32.946c0-3.202-.047-5.894-.185-8.168c-.141-2.226-.51-4.084-1.114-5.476c-.558-1.438-1.532-2.414-2.739-3.063c-1.205-.695-2.97-.974-5.15-.974c-1.579 0-3.11.28-4.687.974c-1.532.696-3.201 1.717-5.012 2.924v46.728h-20.555V256.02c0-3.201-.048-5.894-.186-8.168c-.186-2.226-.463-4.084-1.066-5.476c-.65-1.438-1.532-2.414-2.737-3.063c-1.3-.694-3.015-.974-5.198-.974c-1.717 0-3.342.37-4.966 1.114a43 43 0 0 0-4.685 2.784v46.727h-20.56V223.12h20.558v7.285c3.342-2.831 6.544-5.102 9.513-6.73c2.925-1.578 6.266-2.413 10.024-2.413c3.99 0 7.563.973 10.533 2.877c3.156 1.901 5.429 4.732 7.054 8.585c3.945-3.667 7.702-6.498 11.137-8.492c3.528-1.997 7.051-2.97 10.627-2.97c3.062 0 5.799.558 8.26 1.484c2.414 1.021 4.501 2.507 6.126 4.409c1.902 2.135 3.249 4.64 4.13 7.564c.975 2.924 1.392 6.683 1.392 11.416v42.83h-20.514z"/>`;
</script>
cssCSS mask（随 currentColor 改色）
.acm {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%208L8%20256l248%20248l248-248zm.023%20399.39c-83.944%200-152.016-68.027-152.016-151.97c0-83.99%2068.072-152.064%20152.016-152.064c83.989%200%20151.972%2068.074%20151.972%20152.064c0%2083.944-67.983%20151.97-151.972%20151.97m-94.29-146.914c-1.81.604-3.201%201.532-4.129%202.831c-1.021%201.3-1.579%202.97-1.579%205.012c0%203.063.883%205.198%202.507%206.357c1.625%201.161%204.084%201.67%207.378%201.67c1.67%200%203.528-.277%205.336-1.205c1.95-.742%203.62-1.949%205.105-3.387v-13.69q-5.22.557-8.354.974c-2.089.232-4.222.649-6.264%201.438M256%20118.576c-75.41%200-136.54%2061.133-136.54%20136.544c0%2075.408%2061.13%20136.54%20136.54%20136.54s136.543-61.132%20136.543-136.54c0-75.41-61.132-136.543-136.543-136.543M196.95%20288.97h-20.603v-6.913a201%20201%200%200%200-3.804%203.108c-1.067.974-2.505%201.811-4.409%202.786c-1.856.974-3.573%201.67-5.383%202.042c-1.718.51-4.13.742-7.285.742c-5.802%200-10.627-2.042-14.432-5.894c-3.852-3.945-5.801-8.77-5.801-14.758c0-4.964.975-8.91%202.924-11.88c1.997-3.015%204.78-5.428%208.4-7.191c3.71-1.763%208.167-3.016%2013.271-3.712c5.198-.649%2010.718-1.3%2016.705-1.625v-.415c0-3.573-1.393-6.126-4.036-7.471c-2.69-1.393-6.683-2.088-12.065-2.088c-2.459%200-5.243.465-8.491%201.39c-3.204.79-6.357%201.997-9.513%203.343h-1.67v-15.916c2.042-.648%205.29-1.3%209.837-2.135a75.6%2075.6%200%200%201%2013.782-1.254c11.323%200%2019.537%201.949%2024.732%205.66c5.243%203.805%207.843%209.606%207.843%2017.31v44.87zm66.357-44.78h-2.645c-.742-.787-1.811-1.67-2.97-2.505c-1.255-1.02-2.46-1.856-3.898-2.6c-1.485-.928-3.248-1.484-5.011-2.135a23%2023%200%200%200-6.357-.882c-5.243%200-9.329%201.81-12.204%205.522c-2.83%203.619-4.362%208.537-4.362%2014.71c0%206.544%201.576%2011.508%204.64%2014.757c3.062%203.2%207.1%204.825%2012.25%204.825c2.598%200%204.92-.324%206.916-.835c1.901-.603%203.573-1.345%204.918-2.135c1.439-.834%202.646-1.624%203.62-2.552c.975-.835%201.855-1.625%202.459-2.319h2.645v17.54c-1.161.512-2.507%201.114-4.084%201.81c-1.531.604-3.015%201.162-4.687%201.58c-1.949.648-3.898.927-5.615%201.252c-1.763.324-4.038.51-6.913.51c-5.429%200-10.486-.742-14.99-2.09c-4.453-1.39-8.35-3.48-11.692-6.311c-3.342-2.922-5.894-6.495-7.75-10.765c-1.856-4.318-2.736-9.467-2.736-15.267c0-6.356.928-11.6%202.97-16.103c1.996-4.408%204.639-8.026%208.12-10.858c3.293-2.736%207.146-4.78%2011.647-6.078c4.409-1.346%209.048-1.997%2013.873-1.997c3.621%200%207.333.465%2010.904%201.346c3.667.787%207.285%202.135%2010.951%203.99zm89.697%2044.78v-32.946c0-3.202-.047-5.894-.185-8.168c-.141-2.226-.51-4.084-1.114-5.476c-.558-1.438-1.532-2.414-2.739-3.063c-1.205-.695-2.97-.974-5.15-.974c-1.579%200-3.11.28-4.687.974c-1.532.696-3.201%201.717-5.012%202.924v46.728h-20.555V256.02c0-3.201-.048-5.894-.186-8.168c-.186-2.226-.463-4.084-1.066-5.476c-.65-1.438-1.532-2.414-2.737-3.063c-1.3-.694-3.015-.974-5.198-.974c-1.717%200-3.342.37-4.966%201.114a43%2043%200%200%200-4.685%202.784v46.727h-20.56V223.12h20.558v7.285c3.342-2.831%206.544-5.102%209.513-6.73c2.925-1.578%206.266-2.413%2010.024-2.413c3.99%200%207.563.973%2010.533%202.877c3.156%201.901%205.429%204.732%207.054%208.585c3.945-3.667%207.702-6.498%2011.137-8.492c3.528-1.997%207.051-2.97%2010.627-2.97c3.062%200%205.799.558%208.26%201.484c2.414%201.021%204.501%202.507%206.126%204.409c1.902%202.135%203.249%204.64%204.13%207.564c.975%202.924%201.392%206.683%201.392%2011.416v42.83h-20.514z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%208L8%20256l248%20248l248-248zm.023%20399.39c-83.944%200-152.016-68.027-152.016-151.97c0-83.99%2068.072-152.064%20152.016-152.064c83.989%200%20151.972%2068.074%20151.972%20152.064c0%2083.944-67.983%20151.97-151.972%20151.97m-94.29-146.914c-1.81.604-3.201%201.532-4.129%202.831c-1.021%201.3-1.579%202.97-1.579%205.012c0%203.063.883%205.198%202.507%206.357c1.625%201.161%204.084%201.67%207.378%201.67c1.67%200%203.528-.277%205.336-1.205c1.95-.742%203.62-1.949%205.105-3.387v-13.69q-5.22.557-8.354.974c-2.089.232-4.222.649-6.264%201.438M256%20118.576c-75.41%200-136.54%2061.133-136.54%20136.544c0%2075.408%2061.13%20136.54%20136.54%20136.54s136.543-61.132%20136.543-136.54c0-75.41-61.132-136.543-136.543-136.543M196.95%20288.97h-20.603v-6.913a201%20201%200%200%200-3.804%203.108c-1.067.974-2.505%201.811-4.409%202.786c-1.856.974-3.573%201.67-5.383%202.042c-1.718.51-4.13.742-7.285.742c-5.802%200-10.627-2.042-14.432-5.894c-3.852-3.945-5.801-8.77-5.801-14.758c0-4.964.975-8.91%202.924-11.88c1.997-3.015%204.78-5.428%208.4-7.191c3.71-1.763%208.167-3.016%2013.271-3.712c5.198-.649%2010.718-1.3%2016.705-1.625v-.415c0-3.573-1.393-6.126-4.036-7.471c-2.69-1.393-6.683-2.088-12.065-2.088c-2.459%200-5.243.465-8.491%201.39c-3.204.79-6.357%201.997-9.513%203.343h-1.67v-15.916c2.042-.648%205.29-1.3%209.837-2.135a75.6%2075.6%200%200%201%2013.782-1.254c11.323%200%2019.537%201.949%2024.732%205.66c5.243%203.805%207.843%209.606%207.843%2017.31v44.87zm66.357-44.78h-2.645c-.742-.787-1.811-1.67-2.97-2.505c-1.255-1.02-2.46-1.856-3.898-2.6c-1.485-.928-3.248-1.484-5.011-2.135a23%2023%200%200%200-6.357-.882c-5.243%200-9.329%201.81-12.204%205.522c-2.83%203.619-4.362%208.537-4.362%2014.71c0%206.544%201.576%2011.508%204.64%2014.757c3.062%203.2%207.1%204.825%2012.25%204.825c2.598%200%204.92-.324%206.916-.835c1.901-.603%203.573-1.345%204.918-2.135c1.439-.834%202.646-1.624%203.62-2.552c.975-.835%201.855-1.625%202.459-2.319h2.645v17.54c-1.161.512-2.507%201.114-4.084%201.81c-1.531.604-3.015%201.162-4.687%201.58c-1.949.648-3.898.927-5.615%201.252c-1.763.324-4.038.51-6.913.51c-5.429%200-10.486-.742-14.99-2.09c-4.453-1.39-8.35-3.48-11.692-6.311c-3.342-2.922-5.894-6.495-7.75-10.765c-1.856-4.318-2.736-9.467-2.736-15.267c0-6.356.928-11.6%202.97-16.103c1.996-4.408%204.639-8.026%208.12-10.858c3.293-2.736%207.146-4.78%2011.647-6.078c4.409-1.346%209.048-1.997%2013.873-1.997c3.621%200%207.333.465%2010.904%201.346c3.667.787%207.285%202.135%2010.951%203.99zm89.697%2044.78v-32.946c0-3.202-.047-5.894-.185-8.168c-.141-2.226-.51-4.084-1.114-5.476c-.558-1.438-1.532-2.414-2.739-3.063c-1.205-.695-2.97-.974-5.15-.974c-1.579%200-3.11.28-4.687.974c-1.532.696-3.201%201.717-5.012%202.924v46.728h-20.555V256.02c0-3.201-.048-5.894-.186-8.168c-.186-2.226-.463-4.084-1.066-5.476c-.65-1.438-1.532-2.414-2.737-3.063c-1.3-.694-3.015-.974-5.198-.974c-1.717%200-3.342.37-4.966%201.114a43%2043%200%200%200-4.685%202.784v46.727h-20.56V223.12h20.558v7.285c3.342-2.831%206.544-5.102%209.513-6.73c2.925-1.578%206.266-2.413%2010.024-2.413c3.99%200%207.563.973%2010.533%202.877c3.156%201.901%205.429%204.732%207.054%208.585c3.945-3.667%207.702-6.498%2011.137-8.492c3.528-1.997%207.051-2.97%2010.627-2.97c3.062%200%205.799.558%208.26%201.484c2.414%201.021%204.501%202.507%206.126%204.409c1.902%202.135%203.249%204.64%204.13%207.564c.975%202.924%201.392%206.683%201.392%2011.416v42.83h-20.514z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 acm 加一点动效

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

acm 呼吸动效演示

呼吸

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

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

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

旋转

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

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

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

SVG 健康报告

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

文件体积

3.04 KB

3,113 字节

viewBox

0 0 512 512

矢量坐标系

图元总数

1

<path> ×1

风格

单色（跟随 currentColor）

填充跟随容器颜色

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

常见问题

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

acm 图标是什么？▾

它是 Academicons（academicons）开源图标集中的 acm 图标，单色（跟随 currentColor），viewBox 为 0 0 512 512，文件仅 3.04 KB，矢量格式可无损缩放到任意尺寸。

如何下载 acm 图标？▾

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

acm 图标可以商用吗？▾

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

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

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

Academicons 中的相近图标

acm-square
acmdl
acmdl-square