biorxiv-square SVG 图标

Q: biorxiv-square 图标可以商用吗？

academiconsbiorxiv-square

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

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

下载 biorxiv-square 图标

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

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

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

biorxiv-square 的预览与使用场景

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

预览颜色

浅色背景

深色背景

灰底融入

在真实界面里长这样

继续按钮内 · 主操作

搜索biorxiv-square…输入框 · 前缀图标

biorxiv-square导航菜单 · 选中态

暂无内容空状态 · 引导提示

9:41

biorxiv-square

biorxiv手机桌面 · App 图标

biorxiv-squareacademicons.design/icons/biorxiv-square浏览器 · 标签页与站点图标

各尺寸下的可读性

24px

32px

48px

64px

96px

128px

复制 biorxiv-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-48zM25.22 96h83.825c27.262 0 48.615 5.525 64.053 16.563c15.43 11.044 23.152 26.366 23.152 45.97c0 15.326-5.186 28.17-15.547 38.531c-5.862 5.863-11.61 10.141-17.24 12.844q-8.451 4.06-26.703 8.45l22.646 30.081q7.098 9.467 19.266 23.325q13.516 15.21 29.068 31.095q13.856 14.537 21.803 21.125q7.94 6.594 24.168 15.717h-54.756q-13.525.001-29.07-15.549q-18.253-18.584-37.18-45.629q-12.847-17.236-22.646-31.773c-5.186-7.658-12.623-19.268-22.309-34.816q63.544-8.787 63.543-49.348c0-25.234-17.913-37.857-53.742-37.857H84.033v185.183q0 9.823 3.549 15.914q3.55 6.1 13.691 13.88H23.53v-.003c6.307-4.733 10.701-9.236 13.184-13.52c2.478-4.278 3.719-9.464 3.719-15.548v-183.54q-.002-7.769-3.186-15.208a164 164 0 0 0-4.248-6.422q-2.121-3.041-7.777-9.465m243.202 78.688c17.806.12 33.712 7.751 43.414 28.59c8.74 18.772 16.48 38.009 24.69 57.03c1.207 2.789 2.516 5.53 4.406 9.678c6.156-8.075 12.315-14.974 17.136-22.707c12.887-20.668 33.064-53.531 37.75-62.574c2.39-4.84 5.877-8.272 8.078-8.484c2.204-.212 5.018-.288 7.399 1.199c2.38 1.489 4.21 5.08 2.543 12.12c-1.667 7.037-2.625 9.6-4.934 15.023c-13.517 29.579-33.347 55.054-54.193 79.697c-3.933 4.65-4.106 8.054-1.902 13.314c9.407 22.466 18.225 45.177 27.566 67.672c3.106 7.477 6.943 14.675 10.777 21.822c3.876 7.227 6.645 11.048 18.414 10.889c4.85-.016 14.07-1.31 14.85 5.709c.854 7.673-8.463 8.817-14.016 9.95c-6.268 1.277-9.424 1.765-15.836 1.78c-14.78.032-32.248-5.625-39.484-18.755c-7.407-13.442-11.405-23.244-18.201-41.604c-4.46-12.053-9.47-23.916-14.717-37.326c-2.954 3.17-5.734 5.38-7.537 8.213c-22.372 30.331-35.362 54.868-45.383 72.094c-7.9 13.58-8.561 19.578-17.943 17.619c-8.555-3.497-6.086-14.977-5.412-17.885c3.969-17.14 16.53-33.978 26.318-48.78c10.941-16.543 24.39-31.413 36.379-47.288c1.774-2.351 2.993-6.827 1.984-9.311c-10.748-26.447-21.924-52.725-33.142-78.98c-6.101-13.017-10.252-21.317-34.248-20.414c-3.97-.361-6.376-1.406-6.31-5.989c0-5.558 3.751-7.532 6.501-8.347c8.473-2.515 16.96-4.01 25.053-3.956"/></svg>

reactReact 组件（TSX）

export function BiorxivSquareIcon(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-48zM25.22 96h83.825c27.262 0 48.615 5.525 64.053 16.563c15.43 11.044 23.152 26.366 23.152 45.97c0 15.326-5.186 28.17-15.547 38.531c-5.862 5.863-11.61 10.141-17.24 12.844q-8.451 4.06-26.703 8.45l22.646 30.081q7.098 9.467 19.266 23.325q13.516 15.21 29.068 31.095q13.856 14.537 21.803 21.125q7.94 6.594 24.168 15.717h-54.756q-13.525.001-29.07-15.549q-18.253-18.584-37.18-45.629q-12.847-17.236-22.646-31.773c-5.186-7.658-12.623-19.268-22.309-34.816q63.544-8.787 63.543-49.348c0-25.234-17.913-37.857-53.742-37.857H84.033v185.183q0 9.823 3.549 15.914q3.55 6.1 13.691 13.88H23.53v-.003c6.307-4.733 10.701-9.236 13.184-13.52c2.478-4.278 3.719-9.464 3.719-15.548v-183.54q-.002-7.769-3.186-15.208a164 164 0 0 0-4.248-6.422q-2.121-3.041-7.777-9.465m243.202 78.688c17.806.12 33.712 7.751 43.414 28.59c8.74 18.772 16.48 38.009 24.69 57.03c1.207 2.789 2.516 5.53 4.406 9.678c6.156-8.075 12.315-14.974 17.136-22.707c12.887-20.668 33.064-53.531 37.75-62.574c2.39-4.84 5.877-8.272 8.078-8.484c2.204-.212 5.018-.288 7.399 1.199c2.38 1.489 4.21 5.08 2.543 12.12c-1.667 7.037-2.625 9.6-4.934 15.023c-13.517 29.579-33.347 55.054-54.193 79.697c-3.933 4.65-4.106 8.054-1.902 13.314c9.407 22.466 18.225 45.177 27.566 67.672c3.106 7.477 6.943 14.675 10.777 21.822c3.876 7.227 6.645 11.048 18.414 10.889c4.85-.016 14.07-1.31 14.85 5.709c.854 7.673-8.463 8.817-14.016 9.95c-6.268 1.277-9.424 1.765-15.836 1.78c-14.78.032-32.248-5.625-39.484-18.755c-7.407-13.442-11.405-23.244-18.201-41.604c-4.46-12.053-9.47-23.916-14.717-37.326c-2.954 3.17-5.734 5.38-7.537 8.213c-22.372 30.331-35.362 54.868-45.383 72.094c-7.9 13.58-8.561 19.578-17.943 17.619c-8.555-3.497-6.086-14.977-5.412-17.885c3.969-17.14 16.53-33.978 26.318-48.78c10.941-16.543 24.39-31.413 36.379-47.288c1.774-2.351 2.993-6.827 1.984-9.311c-10.748-26.447-21.924-52.725-33.142-78.98c-6.101-13.017-10.252-21.317-34.248-20.414c-3.97-.361-6.376-1.406-6.31-5.989c0-5.558 3.751-7.532 6.501-8.347c8.473-2.515 16.96-4.01 25.053-3.956"/>` }}
    />
  );
}

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-48zM25.22 96h83.825c27.262 0 48.615 5.525 64.053 16.563c15.43 11.044 23.152 26.366 23.152 45.97c0 15.326-5.186 28.17-15.547 38.531c-5.862 5.863-11.61 10.141-17.24 12.844q-8.451 4.06-26.703 8.45l22.646 30.081q7.098 9.467 19.266 23.325q13.516 15.21 29.068 31.095q13.856 14.537 21.803 21.125q7.94 6.594 24.168 15.717h-54.756q-13.525.001-29.07-15.549q-18.253-18.584-37.18-45.629q-12.847-17.236-22.646-31.773c-5.186-7.658-12.623-19.268-22.309-34.816q63.544-8.787 63.543-49.348c0-25.234-17.913-37.857-53.742-37.857H84.033v185.183q0 9.823 3.549 15.914q3.55 6.1 13.691 13.88H23.53v-.003c6.307-4.733 10.701-9.236 13.184-13.52c2.478-4.278 3.719-9.464 3.719-15.548v-183.54q-.002-7.769-3.186-15.208a164 164 0 0 0-4.248-6.422q-2.121-3.041-7.777-9.465m243.202 78.688c17.806.12 33.712 7.751 43.414 28.59c8.74 18.772 16.48 38.009 24.69 57.03c1.207 2.789 2.516 5.53 4.406 9.678c6.156-8.075 12.315-14.974 17.136-22.707c12.887-20.668 33.064-53.531 37.75-62.574c2.39-4.84 5.877-8.272 8.078-8.484c2.204-.212 5.018-.288 7.399 1.199c2.38 1.489 4.21 5.08 2.543 12.12c-1.667 7.037-2.625 9.6-4.934 15.023c-13.517 29.579-33.347 55.054-54.193 79.697c-3.933 4.65-4.106 8.054-1.902 13.314c9.407 22.466 18.225 45.177 27.566 67.672c3.106 7.477 6.943 14.675 10.777 21.822c3.876 7.227 6.645 11.048 18.414 10.889c4.85-.016 14.07-1.31 14.85 5.709c.854 7.673-8.463 8.817-14.016 9.95c-6.268 1.277-9.424 1.765-15.836 1.78c-14.78.032-32.248-5.625-39.484-18.755c-7.407-13.442-11.405-23.244-18.201-41.604c-4.46-12.053-9.47-23.916-14.717-37.326c-2.954 3.17-5.734 5.38-7.537 8.213c-22.372 30.331-35.362 54.868-45.383 72.094c-7.9 13.58-8.561 19.578-17.943 17.619c-8.555-3.497-6.086-14.977-5.412-17.885c3.969-17.14 16.53-33.978 26.318-48.78c10.941-16.543 24.39-31.413 36.379-47.288c1.774-2.351 2.993-6.827 1.984-9.311c-10.748-26.447-21.924-52.725-33.142-78.98c-6.101-13.017-10.252-21.317-34.248-20.414c-3.97-.361-6.376-1.406-6.31-5.989c0-5.558 3.751-7.532 6.501-8.347c8.473-2.515 16.96-4.01 25.053-3.956"/>`;
</script>

cssCSS mask（随 currentColor 改色）

.biorxiv-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-48zM25.22%2096h83.825c27.262%200%2048.615%205.525%2064.053%2016.563c15.43%2011.044%2023.152%2026.366%2023.152%2045.97c0%2015.326-5.186%2028.17-15.547%2038.531c-5.862%205.863-11.61%2010.141-17.24%2012.844q-8.451%204.06-26.703%208.45l22.646%2030.081q7.098%209.467%2019.266%2023.325q13.516%2015.21%2029.068%2031.095q13.856%2014.537%2021.803%2021.125q7.94%206.594%2024.168%2015.717h-54.756q-13.525.001-29.07-15.549q-18.253-18.584-37.18-45.629q-12.847-17.236-22.646-31.773c-5.186-7.658-12.623-19.268-22.309-34.816q63.544-8.787%2063.543-49.348c0-25.234-17.913-37.857-53.742-37.857H84.033v185.183q0%209.823%203.549%2015.914q3.55%206.1%2013.691%2013.88H23.53v-.003c6.307-4.733%2010.701-9.236%2013.184-13.52c2.478-4.278%203.719-9.464%203.719-15.548v-183.54q-.002-7.769-3.186-15.208a164%20164%200%200%200-4.248-6.422q-2.121-3.041-7.777-9.465m243.202%2078.688c17.806.12%2033.712%207.751%2043.414%2028.59c8.74%2018.772%2016.48%2038.009%2024.69%2057.03c1.207%202.789%202.516%205.53%204.406%209.678c6.156-8.075%2012.315-14.974%2017.136-22.707c12.887-20.668%2033.064-53.531%2037.75-62.574c2.39-4.84%205.877-8.272%208.078-8.484c2.204-.212%205.018-.288%207.399%201.199c2.38%201.489%204.21%205.08%202.543%2012.12c-1.667%207.037-2.625%209.6-4.934%2015.023c-13.517%2029.579-33.347%2055.054-54.193%2079.697c-3.933%204.65-4.106%208.054-1.902%2013.314c9.407%2022.466%2018.225%2045.177%2027.566%2067.672c3.106%207.477%206.943%2014.675%2010.777%2021.822c3.876%207.227%206.645%2011.048%2018.414%2010.889c4.85-.016%2014.07-1.31%2014.85%205.709c.854%207.673-8.463%208.817-14.016%209.95c-6.268%201.277-9.424%201.765-15.836%201.78c-14.78.032-32.248-5.625-39.484-18.755c-7.407-13.442-11.405-23.244-18.201-41.604c-4.46-12.053-9.47-23.916-14.717-37.326c-2.954%203.17-5.734%205.38-7.537%208.213c-22.372%2030.331-35.362%2054.868-45.383%2072.094c-7.9%2013.58-8.561%2019.578-17.943%2017.619c-8.555-3.497-6.086-14.977-5.412-17.885c3.969-17.14%2016.53-33.978%2026.318-48.78c10.941-16.543%2024.39-31.413%2036.379-47.288c1.774-2.351%202.993-6.827%201.984-9.311c-10.748-26.447-21.924-52.725-33.142-78.98c-6.101-13.017-10.252-21.317-34.248-20.414c-3.97-.361-6.376-1.406-6.31-5.989c0-5.558%203.751-7.532%206.501-8.347c8.473-2.515%2016.96-4.01%2025.053-3.956%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-48zM25.22%2096h83.825c27.262%200%2048.615%205.525%2064.053%2016.563c15.43%2011.044%2023.152%2026.366%2023.152%2045.97c0%2015.326-5.186%2028.17-15.547%2038.531c-5.862%205.863-11.61%2010.141-17.24%2012.844q-8.451%204.06-26.703%208.45l22.646%2030.081q7.098%209.467%2019.266%2023.325q13.516%2015.21%2029.068%2031.095q13.856%2014.537%2021.803%2021.125q7.94%206.594%2024.168%2015.717h-54.756q-13.525.001-29.07-15.549q-18.253-18.584-37.18-45.629q-12.847-17.236-22.646-31.773c-5.186-7.658-12.623-19.268-22.309-34.816q63.544-8.787%2063.543-49.348c0-25.234-17.913-37.857-53.742-37.857H84.033v185.183q0%209.823%203.549%2015.914q3.55%206.1%2013.691%2013.88H23.53v-.003c6.307-4.733%2010.701-9.236%2013.184-13.52c2.478-4.278%203.719-9.464%203.719-15.548v-183.54q-.002-7.769-3.186-15.208a164%20164%200%200%200-4.248-6.422q-2.121-3.041-7.777-9.465m243.202%2078.688c17.806.12%2033.712%207.751%2043.414%2028.59c8.74%2018.772%2016.48%2038.009%2024.69%2057.03c1.207%202.789%202.516%205.53%204.406%209.678c6.156-8.075%2012.315-14.974%2017.136-22.707c12.887-20.668%2033.064-53.531%2037.75-62.574c2.39-4.84%205.877-8.272%208.078-8.484c2.204-.212%205.018-.288%207.399%201.199c2.38%201.489%204.21%205.08%202.543%2012.12c-1.667%207.037-2.625%209.6-4.934%2015.023c-13.517%2029.579-33.347%2055.054-54.193%2079.697c-3.933%204.65-4.106%208.054-1.902%2013.314c9.407%2022.466%2018.225%2045.177%2027.566%2067.672c3.106%207.477%206.943%2014.675%2010.777%2021.822c3.876%207.227%206.645%2011.048%2018.414%2010.889c4.85-.016%2014.07-1.31%2014.85%205.709c.854%207.673-8.463%208.817-14.016%209.95c-6.268%201.277-9.424%201.765-15.836%201.78c-14.78.032-32.248-5.625-39.484-18.755c-7.407-13.442-11.405-23.244-18.201-41.604c-4.46-12.053-9.47-23.916-14.717-37.326c-2.954%203.17-5.734%205.38-7.537%208.213c-22.372%2030.331-35.362%2054.868-45.383%2072.094c-7.9%2013.58-8.561%2019.578-17.943%2017.619c-8.555-3.497-6.086-14.977-5.412-17.885c3.969-17.14%2016.53-33.978%2026.318-48.78c10.941-16.543%2024.39-31.413%2036.379-47.288c1.774-2.351%202.993-6.827%201.984-9.311c-10.748-26.447-21.924-52.725-33.142-78.98c-6.101-13.017-10.252-21.317-34.248-20.414c-3.97-.361-6.376-1.406-6.31-5.989c0-5.558%203.751-7.532%206.501-8.347c8.473-2.515%2016.96-4.01%2025.053-3.956%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 biorxiv-square 加一点动效

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

呼吸

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

css呼吸动效样式

.icon-biorxiv-square {
  animation: icon-breathe 1.8s ease-in-out infinite;
}

@keyframes icon-breathe {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}

旋转

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

css旋转动效样式

.icon-biorxiv-square {
  animation: icon-spin 1.6s linear infinite;
}

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

SVG 健康报告

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

文件体积

2.13 KB

2,183 字节

viewBox

0 0 448 512

矢量坐标系

图元总数

<path> ×1

风格

单色（跟随 currentColor）

填充跟随容器颜色

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

常见问题

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

biorxiv-square 图标是什么？▾

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

如何下载 biorxiv-square 图标？▾

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

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

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

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