找找图标
acm-square 图标

acm-square SVG 图标

academiconsacm-square

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

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

下载 acm-square 图标

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

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

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

acm-square 的预览与使用场景

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

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

在真实界面里长这样

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

各尺寸下的可读性

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

复制 acm-square 图标代码

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

svgSVG 源码（内联 HTML）
<svg xmlns="http://www.w3.org/2000/svg" width="0.88em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M48 32C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm176 64l160 160l-160 160L64 256zm.014 61.52c-54.158 0-98.075 43.918-98.075 98.105c0 54.157 43.917 98.045 98.075 98.045c54.186 0 98.047-43.888 98.047-98.045c0-54.187-43.86-98.105-98.047-98.105m-.014 9.82c48.652 0 88.092 39.44 88.092 88.092c0 48.65-39.44 88.091-88.092 88.091s-88.09-39.44-88.09-88.091c0-48.653 39.438-88.092 88.09-88.092m-59.111 66.162a49 49 0 0 0-8.891.809c-2.933.538-5.03.96-6.348 1.378v10.268h1.079c2.036-.868 4.07-1.647 6.136-2.156c2.096-.597 3.892-.899 5.479-.899c3.472 0 6.049.45 7.785 1.348c1.705.868 2.603 2.515 2.603 4.82v.268c-3.862.21-7.423.63-10.777 1.049c-3.293.449-6.168 1.257-8.562 2.394c-2.335 1.138-4.132 2.695-5.42 4.64c-1.258 1.917-1.887 4.462-1.887 7.665c0 3.863 1.259 6.976 3.744 9.521c2.455 2.486 5.568 3.801 9.31 3.801c2.036 0 3.592-.15 4.7-.478c1.168-.24 2.275-.689 3.472-1.317c1.229-.629 2.156-1.168 2.844-1.797a130 130 0 0 1 2.455-2.005v4.46h13.293l.002-.001v-28.95c0-4.97-1.678-8.711-5.06-11.166c-3.352-2.394-8.652-3.652-15.957-3.652m96.697.086c-2.424 0-4.578.538-6.465 1.557c-1.916 1.05-3.982 2.515-6.139 4.341v-4.699h-13.261v42.48h13.263v-30.146a28 28 0 0 1 3.022-1.795c1.048-.48 2.097-.719 3.205-.719c1.408 0 2.515.18 3.353.627c.778.419 1.348 1.05 1.766 1.977c.39.898.568 2.097.688 3.533c.089 1.467.119 3.204.119 5.27v21.256h13.261v-30.147c1.169-.779 2.247-1.438 3.235-1.887a7.3 7.3 0 0 1 3.023-.629c1.407 0 2.545.181 3.323.63c.778.418 1.407 1.048 1.767 1.976c.39.898.628 2.097.719 3.533c.089 1.467.119 3.202.119 5.268v21.254h13.234v-27.633c0-3.054-.269-5.479-.898-7.365c-.568-1.887-1.437-3.504-2.664-4.881c-1.048-1.227-2.394-2.185-3.951-2.844a15 15 0 0 0-5.33-.957c-2.307 0-4.58.628-6.856 1.916c-2.216 1.287-4.64 3.113-7.185 5.478c-1.049-2.485-2.515-4.312-4.551-5.539c-1.916-1.228-4.222-1.855-6.797-1.855m-46.97.002c-3.114 0-6.108.419-8.952 1.287c-2.904.837-5.39 2.157-7.516 3.922c-2.245 1.827-3.95 4.162-5.238 7.006c-1.317 2.905-1.916 6.287-1.916 10.388c0 3.742.568 7.065 1.766 9.85c1.197 2.755 2.844 5.06 5 6.945c2.156 1.827 4.671 3.175 7.545 4.073c2.905.869 6.167 1.347 9.67 1.347c1.854 0 3.321-.12 4.459-.33c1.108-.21 2.365-.388 3.623-.807c1.078-.269 2.035-.63 3.023-1.019c1.018-.45 1.886-.837 2.635-1.168v-11.316h-1.705c-.39.447-.959.957-1.588 1.496c-.628.598-1.406 1.108-2.334 1.646c-.868.51-1.947.988-3.174 1.377c-1.288.33-2.785.54-4.46.54c-3.324 0-5.93-1.049-7.905-3.114c-1.976-2.096-2.994-5.298-2.994-9.52c0-3.982.988-7.155 2.814-9.49c1.855-2.394 4.49-3.562 7.873-3.562c1.496 0 2.844.21 4.102.568c1.137.42 2.276.778 3.234 1.377c.928.48 1.704 1.019 2.514 1.678c.748.538 1.437 1.107 1.916 1.615h1.707V237.03c-2.366-1.197-4.701-2.066-7.067-2.574a29.6 29.6 0 0 0-7.033-.867m-42.003 23.742v8.832c-.958.928-2.035 1.707-3.293 2.186c-1.166.598-2.366.777-3.443.777c-2.125 0-3.712-.329-4.76-1.078c-1.048-.748-1.617-2.126-1.617-4.102c0-1.317.36-2.394 1.02-3.232c.598-.839 1.495-1.437 2.664-1.826c1.317-.51 2.693-.778 4.04-.928q2.022-.27 5.39-.629"/></svg>
reactReact 组件（TSX）
export function AcmSquareIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="1em"
      height="1em"
      viewBox="0 0 448 512"
      fill="currentColor"
      {...props}
      dangerouslySetInnerHTML={{ __html: `<path fill="currentColor" d="M48 32C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm176 64l160 160l-160 160L64 256zm.014 61.52c-54.158 0-98.075 43.918-98.075 98.105c0 54.157 43.917 98.045 98.075 98.045c54.186 0 98.047-43.888 98.047-98.045c0-54.187-43.86-98.105-98.047-98.105m-.014 9.82c48.652 0 88.092 39.44 88.092 88.092c0 48.65-39.44 88.091-88.092 88.091s-88.09-39.44-88.09-88.091c0-48.653 39.438-88.092 88.09-88.092m-59.111 66.162a49 49 0 0 0-8.891.809c-2.933.538-5.03.96-6.348 1.378v10.268h1.079c2.036-.868 4.07-1.647 6.136-2.156c2.096-.597 3.892-.899 5.479-.899c3.472 0 6.049.45 7.785 1.348c1.705.868 2.603 2.515 2.603 4.82v.268c-3.862.21-7.423.63-10.777 1.049c-3.293.449-6.168 1.257-8.562 2.394c-2.335 1.138-4.132 2.695-5.42 4.64c-1.258 1.917-1.887 4.462-1.887 7.665c0 3.863 1.259 6.976 3.744 9.521c2.455 2.486 5.568 3.801 9.31 3.801c2.036 0 3.592-.15 4.7-.478c1.168-.24 2.275-.689 3.472-1.317c1.229-.629 2.156-1.168 2.844-1.797a130 130 0 0 1 2.455-2.005v4.46h13.293l.002-.001v-28.95c0-4.97-1.678-8.711-5.06-11.166c-3.352-2.394-8.652-3.652-15.957-3.652m96.697.086c-2.424 0-4.578.538-6.465 1.557c-1.916 1.05-3.982 2.515-6.139 4.341v-4.699h-13.261v42.48h13.263v-30.146a28 28 0 0 1 3.022-1.795c1.048-.48 2.097-.719 3.205-.719c1.408 0 2.515.18 3.353.627c.778.419 1.348 1.05 1.766 1.977c.39.898.568 2.097.688 3.533c.089 1.467.119 3.204.119 5.27v21.256h13.261v-30.147c1.169-.779 2.247-1.438 3.235-1.887a7.3 7.3 0 0 1 3.023-.629c1.407 0 2.545.181 3.323.63c.778.418 1.407 1.048 1.767 1.976c.39.898.628 2.097.719 3.533c.089 1.467.119 3.202.119 5.268v21.254h13.234v-27.633c0-3.054-.269-5.479-.898-7.365c-.568-1.887-1.437-3.504-2.664-4.881c-1.048-1.227-2.394-2.185-3.951-2.844a15 15 0 0 0-5.33-.957c-2.307 0-4.58.628-6.856 1.916c-2.216 1.287-4.64 3.113-7.185 5.478c-1.049-2.485-2.515-4.312-4.551-5.539c-1.916-1.228-4.222-1.855-6.797-1.855m-46.97.002c-3.114 0-6.108.419-8.952 1.287c-2.904.837-5.39 2.157-7.516 3.922c-2.245 1.827-3.95 4.162-5.238 7.006c-1.317 2.905-1.916 6.287-1.916 10.388c0 3.742.568 7.065 1.766 9.85c1.197 2.755 2.844 5.06 5 6.945c2.156 1.827 4.671 3.175 7.545 4.073c2.905.869 6.167 1.347 9.67 1.347c1.854 0 3.321-.12 4.459-.33c1.108-.21 2.365-.388 3.623-.807c1.078-.269 2.035-.63 3.023-1.019c1.018-.45 1.886-.837 2.635-1.168v-11.316h-1.705c-.39.447-.959.957-1.588 1.496c-.628.598-1.406 1.108-2.334 1.646c-.868.51-1.947.988-3.174 1.377c-1.288.33-2.785.54-4.46.54c-3.324 0-5.93-1.049-7.905-3.114c-1.976-2.096-2.994-5.298-2.994-9.52c0-3.982.988-7.155 2.814-9.49c1.855-2.394 4.49-3.562 7.873-3.562c1.496 0 2.844.21 4.102.568c1.137.42 2.276.778 3.234 1.377c.928.48 1.704 1.019 2.514 1.678c.748.538 1.437 1.107 1.916 1.615h1.707V237.03c-2.366-1.197-4.701-2.066-7.067-2.574a29.6 29.6 0 0 0-7.033-.867m-42.003 23.742v8.832c-.958.928-2.035 1.707-3.293 2.186c-1.166.598-2.366.777-3.443.777c-2.125 0-3.712-.329-4.76-1.078c-1.048-.748-1.617-2.126-1.617-4.102c0-1.317.36-2.394 1.02-3.232c.598-.839 1.495-1.437 2.664-1.826c1.317-.51 2.693-.778 4.04-.928q2.022-.27 5.39-.629"/>` }}
    />
  );
}
vueVue 3 组件
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512" fill="currentColor" v-html="body"></svg>
</template>

<script setup>
const body = `<path fill="currentColor" d="M48 32C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm176 64l160 160l-160 160L64 256zm.014 61.52c-54.158 0-98.075 43.918-98.075 98.105c0 54.157 43.917 98.045 98.075 98.045c54.186 0 98.047-43.888 98.047-98.045c0-54.187-43.86-98.105-98.047-98.105m-.014 9.82c48.652 0 88.092 39.44 88.092 88.092c0 48.65-39.44 88.091-88.092 88.091s-88.09-39.44-88.09-88.091c0-48.653 39.438-88.092 88.09-88.092m-59.111 66.162a49 49 0 0 0-8.891.809c-2.933.538-5.03.96-6.348 1.378v10.268h1.079c2.036-.868 4.07-1.647 6.136-2.156c2.096-.597 3.892-.899 5.479-.899c3.472 0 6.049.45 7.785 1.348c1.705.868 2.603 2.515 2.603 4.82v.268c-3.862.21-7.423.63-10.777 1.049c-3.293.449-6.168 1.257-8.562 2.394c-2.335 1.138-4.132 2.695-5.42 4.64c-1.258 1.917-1.887 4.462-1.887 7.665c0 3.863 1.259 6.976 3.744 9.521c2.455 2.486 5.568 3.801 9.31 3.801c2.036 0 3.592-.15 4.7-.478c1.168-.24 2.275-.689 3.472-1.317c1.229-.629 2.156-1.168 2.844-1.797a130 130 0 0 1 2.455-2.005v4.46h13.293l.002-.001v-28.95c0-4.97-1.678-8.711-5.06-11.166c-3.352-2.394-8.652-3.652-15.957-3.652m96.697.086c-2.424 0-4.578.538-6.465 1.557c-1.916 1.05-3.982 2.515-6.139 4.341v-4.699h-13.261v42.48h13.263v-30.146a28 28 0 0 1 3.022-1.795c1.048-.48 2.097-.719 3.205-.719c1.408 0 2.515.18 3.353.627c.778.419 1.348 1.05 1.766 1.977c.39.898.568 2.097.688 3.533c.089 1.467.119 3.204.119 5.27v21.256h13.261v-30.147c1.169-.779 2.247-1.438 3.235-1.887a7.3 7.3 0 0 1 3.023-.629c1.407 0 2.545.181 3.323.63c.778.418 1.407 1.048 1.767 1.976c.39.898.628 2.097.719 3.533c.089 1.467.119 3.202.119 5.268v21.254h13.234v-27.633c0-3.054-.269-5.479-.898-7.365c-.568-1.887-1.437-3.504-2.664-4.881c-1.048-1.227-2.394-2.185-3.951-2.844a15 15 0 0 0-5.33-.957c-2.307 0-4.58.628-6.856 1.916c-2.216 1.287-4.64 3.113-7.185 5.478c-1.049-2.485-2.515-4.312-4.551-5.539c-1.916-1.228-4.222-1.855-6.797-1.855m-46.97.002c-3.114 0-6.108.419-8.952 1.287c-2.904.837-5.39 2.157-7.516 3.922c-2.245 1.827-3.95 4.162-5.238 7.006c-1.317 2.905-1.916 6.287-1.916 10.388c0 3.742.568 7.065 1.766 9.85c1.197 2.755 2.844 5.06 5 6.945c2.156 1.827 4.671 3.175 7.545 4.073c2.905.869 6.167 1.347 9.67 1.347c1.854 0 3.321-.12 4.459-.33c1.108-.21 2.365-.388 3.623-.807c1.078-.269 2.035-.63 3.023-1.019c1.018-.45 1.886-.837 2.635-1.168v-11.316h-1.705c-.39.447-.959.957-1.588 1.496c-.628.598-1.406 1.108-2.334 1.646c-.868.51-1.947.988-3.174 1.377c-1.288.33-2.785.54-4.46.54c-3.324 0-5.93-1.049-7.905-3.114c-1.976-2.096-2.994-5.298-2.994-9.52c0-3.982.988-7.155 2.814-9.49c1.855-2.394 4.49-3.562 7.873-3.562c1.496 0 2.844.21 4.102.568c1.137.42 2.276.778 3.234 1.377c.928.48 1.704 1.019 2.514 1.678c.748.538 1.437 1.107 1.916 1.615h1.707V237.03c-2.366-1.197-4.701-2.066-7.067-2.574a29.6 29.6 0 0 0-7.033-.867m-42.003 23.742v8.832c-.958.928-2.035 1.707-3.293 2.186c-1.166.598-2.366.777-3.443.777c-2.125 0-3.712-.329-4.76-1.078c-1.048-.748-1.617-2.126-1.617-4.102c0-1.317.36-2.394 1.02-3.232c.598-.839 1.495-1.437 2.664-1.826c1.317-.51 2.693-.778 4.04-.928q2.022-.27 5.39-.629"/>`;
</script>
cssCSS mask（随 currentColor 改色）
.acm-square {
  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%220.88em%22%20height%3D%221em%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M48%2032C21.5%2032%200%2053.5%200%2080v352c0%2026.5%2021.5%2048%2048%2048h352c26.5%200%2048-21.5%2048-48V80c0-26.5-21.5-48-48-48zm176%2064l160%20160l-160%20160L64%20256zm.014%2061.52c-54.158%200-98.075%2043.918-98.075%2098.105c0%2054.157%2043.917%2098.045%2098.075%2098.045c54.186%200%2098.047-43.888%2098.047-98.045c0-54.187-43.86-98.105-98.047-98.105m-.014%209.82c48.652%200%2088.092%2039.44%2088.092%2088.092c0%2048.65-39.44%2088.091-88.092%2088.091s-88.09-39.44-88.09-88.091c0-48.653%2039.438-88.092%2088.09-88.092m-59.111%2066.162a49%2049%200%200%200-8.891.809c-2.933.538-5.03.96-6.348%201.378v10.268h1.079c2.036-.868%204.07-1.647%206.136-2.156c2.096-.597%203.892-.899%205.479-.899c3.472%200%206.049.45%207.785%201.348c1.705.868%202.603%202.515%202.603%204.82v.268c-3.862.21-7.423.63-10.777%201.049c-3.293.449-6.168%201.257-8.562%202.394c-2.335%201.138-4.132%202.695-5.42%204.64c-1.258%201.917-1.887%204.462-1.887%207.665c0%203.863%201.259%206.976%203.744%209.521c2.455%202.486%205.568%203.801%209.31%203.801c2.036%200%203.592-.15%204.7-.478c1.168-.24%202.275-.689%203.472-1.317c1.229-.629%202.156-1.168%202.844-1.797a130%20130%200%200%201%202.455-2.005v4.46h13.293l.002-.001v-28.95c0-4.97-1.678-8.711-5.06-11.166c-3.352-2.394-8.652-3.652-15.957-3.652m96.697.086c-2.424%200-4.578.538-6.465%201.557c-1.916%201.05-3.982%202.515-6.139%204.341v-4.699h-13.261v42.48h13.263v-30.146a28%2028%200%200%201%203.022-1.795c1.048-.48%202.097-.719%203.205-.719c1.408%200%202.515.18%203.353.627c.778.419%201.348%201.05%201.766%201.977c.39.898.568%202.097.688%203.533c.089%201.467.119%203.204.119%205.27v21.256h13.261v-30.147c1.169-.779%202.247-1.438%203.235-1.887a7.3%207.3%200%200%201%203.023-.629c1.407%200%202.545.181%203.323.63c.778.418%201.407%201.048%201.767%201.976c.39.898.628%202.097.719%203.533c.089%201.467.119%203.202.119%205.268v21.254h13.234v-27.633c0-3.054-.269-5.479-.898-7.365c-.568-1.887-1.437-3.504-2.664-4.881c-1.048-1.227-2.394-2.185-3.951-2.844a15%2015%200%200%200-5.33-.957c-2.307%200-4.58.628-6.856%201.916c-2.216%201.287-4.64%203.113-7.185%205.478c-1.049-2.485-2.515-4.312-4.551-5.539c-1.916-1.228-4.222-1.855-6.797-1.855m-46.97.002c-3.114%200-6.108.419-8.952%201.287c-2.904.837-5.39%202.157-7.516%203.922c-2.245%201.827-3.95%204.162-5.238%207.006c-1.317%202.905-1.916%206.287-1.916%2010.388c0%203.742.568%207.065%201.766%209.85c1.197%202.755%202.844%205.06%205%206.945c2.156%201.827%204.671%203.175%207.545%204.073c2.905.869%206.167%201.347%209.67%201.347c1.854%200%203.321-.12%204.459-.33c1.108-.21%202.365-.388%203.623-.807c1.078-.269%202.035-.63%203.023-1.019c1.018-.45%201.886-.837%202.635-1.168v-11.316h-1.705c-.39.447-.959.957-1.588%201.496c-.628.598-1.406%201.108-2.334%201.646c-.868.51-1.947.988-3.174%201.377c-1.288.33-2.785.54-4.46.54c-3.324%200-5.93-1.049-7.905-3.114c-1.976-2.096-2.994-5.298-2.994-9.52c0-3.982.988-7.155%202.814-9.49c1.855-2.394%204.49-3.562%207.873-3.562c1.496%200%202.844.21%204.102.568c1.137.42%202.276.778%203.234%201.377c.928.48%201.704%201.019%202.514%201.678c.748.538%201.437%201.107%201.916%201.615h1.707V237.03c-2.366-1.197-4.701-2.066-7.067-2.574a29.6%2029.6%200%200%200-7.033-.867m-42.003%2023.742v8.832c-.958.928-2.035%201.707-3.293%202.186c-1.166.598-2.366.777-3.443.777c-2.125%200-3.712-.329-4.76-1.078c-1.048-.748-1.617-2.126-1.617-4.102c0-1.317.36-2.394%201.02-3.232c.598-.839%201.495-1.437%202.664-1.826c1.317-.51%202.693-.778%204.04-.928q2.022-.27%205.39-.629%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%220.88em%22%20height%3D%221em%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M48%2032C21.5%2032%200%2053.5%200%2080v352c0%2026.5%2021.5%2048%2048%2048h352c26.5%200%2048-21.5%2048-48V80c0-26.5-21.5-48-48-48zm176%2064l160%20160l-160%20160L64%20256zm.014%2061.52c-54.158%200-98.075%2043.918-98.075%2098.105c0%2054.157%2043.917%2098.045%2098.075%2098.045c54.186%200%2098.047-43.888%2098.047-98.045c0-54.187-43.86-98.105-98.047-98.105m-.014%209.82c48.652%200%2088.092%2039.44%2088.092%2088.092c0%2048.65-39.44%2088.091-88.092%2088.091s-88.09-39.44-88.09-88.091c0-48.653%2039.438-88.092%2088.09-88.092m-59.111%2066.162a49%2049%200%200%200-8.891.809c-2.933.538-5.03.96-6.348%201.378v10.268h1.079c2.036-.868%204.07-1.647%206.136-2.156c2.096-.597%203.892-.899%205.479-.899c3.472%200%206.049.45%207.785%201.348c1.705.868%202.603%202.515%202.603%204.82v.268c-3.862.21-7.423.63-10.777%201.049c-3.293.449-6.168%201.257-8.562%202.394c-2.335%201.138-4.132%202.695-5.42%204.64c-1.258%201.917-1.887%204.462-1.887%207.665c0%203.863%201.259%206.976%203.744%209.521c2.455%202.486%205.568%203.801%209.31%203.801c2.036%200%203.592-.15%204.7-.478c1.168-.24%202.275-.689%203.472-1.317c1.229-.629%202.156-1.168%202.844-1.797a130%20130%200%200%201%202.455-2.005v4.46h13.293l.002-.001v-28.95c0-4.97-1.678-8.711-5.06-11.166c-3.352-2.394-8.652-3.652-15.957-3.652m96.697.086c-2.424%200-4.578.538-6.465%201.557c-1.916%201.05-3.982%202.515-6.139%204.341v-4.699h-13.261v42.48h13.263v-30.146a28%2028%200%200%201%203.022-1.795c1.048-.48%202.097-.719%203.205-.719c1.408%200%202.515.18%203.353.627c.778.419%201.348%201.05%201.766%201.977c.39.898.568%202.097.688%203.533c.089%201.467.119%203.204.119%205.27v21.256h13.261v-30.147c1.169-.779%202.247-1.438%203.235-1.887a7.3%207.3%200%200%201%203.023-.629c1.407%200%202.545.181%203.323.63c.778.418%201.407%201.048%201.767%201.976c.39.898.628%202.097.719%203.533c.089%201.467.119%203.202.119%205.268v21.254h13.234v-27.633c0-3.054-.269-5.479-.898-7.365c-.568-1.887-1.437-3.504-2.664-4.881c-1.048-1.227-2.394-2.185-3.951-2.844a15%2015%200%200%200-5.33-.957c-2.307%200-4.58.628-6.856%201.916c-2.216%201.287-4.64%203.113-7.185%205.478c-1.049-2.485-2.515-4.312-4.551-5.539c-1.916-1.228-4.222-1.855-6.797-1.855m-46.97.002c-3.114%200-6.108.419-8.952%201.287c-2.904.837-5.39%202.157-7.516%203.922c-2.245%201.827-3.95%204.162-5.238%207.006c-1.317%202.905-1.916%206.287-1.916%2010.388c0%203.742.568%207.065%201.766%209.85c1.197%202.755%202.844%205.06%205%206.945c2.156%201.827%204.671%203.175%207.545%204.073c2.905.869%206.167%201.347%209.67%201.347c1.854%200%203.321-.12%204.459-.33c1.108-.21%202.365-.388%203.623-.807c1.078-.269%202.035-.63%203.023-1.019c1.018-.45%201.886-.837%202.635-1.168v-11.316h-1.705c-.39.447-.959.957-1.588%201.496c-.628.598-1.406%201.108-2.334%201.646c-.868.51-1.947.988-3.174%201.377c-1.288.33-2.785.54-4.46.54c-3.324%200-5.93-1.049-7.905-3.114c-1.976-2.096-2.994-5.298-2.994-9.52c0-3.982.988-7.155%202.814-9.49c1.855-2.394%204.49-3.562%207.873-3.562c1.496%200%202.844.21%204.102.568c1.137.42%202.276.778%203.234%201.377c.928.48%201.704%201.019%202.514%201.678c.748.538%201.437%201.107%201.916%201.615h1.707V237.03c-2.366-1.197-4.701-2.066-7.067-2.574a29.6%2029.6%200%200%200-7.033-.867m-42.003%2023.742v8.832c-.958.928-2.035%201.707-3.293%202.186c-1.166.598-2.366.777-3.443.777c-2.125%200-3.712-.329-4.76-1.078c-1.048-.748-1.617-2.126-1.617-4.102c0-1.317.36-2.394%201.02-3.232c.598-.839%201.495-1.437%202.664-1.826c1.317-.51%202.693-.778%204.04-.928q2.022-.27%205.39-.629%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 acm-square 加一点动效

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

acm-square 呼吸动效演示

呼吸

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

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

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

旋转

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

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

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

SVG 健康报告

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

文件体积

3.05 KB

3,119 字节

viewBox

0 0 448 512

矢量坐标系

图元总数

1

<path> ×1

风格

单色（跟随 currentColor）

填充跟随容器颜色

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

常见问题

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

acm-square 图标是什么？▾

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

如何下载 acm-square 图标？▾

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

acm-square 图标可以商用吗？▾

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

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

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

Academicons 中的相近图标

acm
acmdl
acmdl-square