下载 biorxiv 图标
SVG 矢量源文件,或 PNG 按 16~512 预设与 16~1024 自定义尺寸导出,任意尺寸边缘锐利。
PNG 由矢量源实时渲染,任意尺寸边缘锐利无锯齿;下载与预览均免费,无需注册。
biorxiv 的预览与使用场景
切换预览颜色后,下方三底色、真实界面场景与各尺寸渲染会实时跟随。
在真实界面里长这样
各尺寸下的可读性
复制 biorxiv 图标代码
内联 SVG、React、Vue 与 CSS mask 四种主流引用方式,代码基于当前源文件生成,复制即用。
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M396.317 272.785c7.388-9.691 14.778-17.97 20.564-27.25c15.465-24.803 39.678-64.238 45.3-75.09c2.87-5.807 7.053-9.925 9.695-10.18c2.645-.254 6.02-.346 8.877 1.438c2.857 1.787 5.052 6.099 3.052 14.545c-2.001 8.446-3.15 11.519-5.92 18.026c-16.22 35.495-40.017 66.068-65.032 95.639c-4.719 5.579-4.927 9.664-2.283 15.977c11.289 26.96 21.872 54.211 33.08 81.205c3.727 8.973 8.332 17.61 12.933 26.186c4.65 8.673 7.974 13.257 22.098 13.067c5.82-.02 16.882-1.572 17.818 6.852c1.024 9.207-10.156 10.579-16.82 11.938c-7.521 1.533-11.308 2.119-19.002 2.137c-17.738.038-38.699-6.75-47.382-22.507c-8.889-16.13-13.686-27.892-21.841-49.924c-5.353-14.464-11.365-28.7-17.66-44.791c-3.544 3.804-6.88 6.457-9.043 9.857c-26.847 36.397-42.436 65.84-54.46 86.511c-9.48 16.296-10.274 23.496-21.533 21.144c-10.266-4.196-7.303-17.972-6.495-21.462c4.763-20.569 19.837-40.775 31.583-58.536c13.129-19.853 29.268-37.697 43.654-56.748c2.13-2.82 3.593-8.191 2.382-11.172c-12.898-31.736-26.31-63.268-39.771-94.775c-7.322-15.62-12.301-25.58-41.097-24.497c-4.763-.433-7.652-1.688-7.574-7.187c0-6.67 4.503-9.037 7.803-10.016c32.536-9.655 65.227-6.812 82.16 29.56c10.49 22.527 19.777 45.611 29.629 68.437c1.449 3.346 3.019 6.638 5.286 11.615zM15.435 356.443c7.568-5.679 12.84-11.083 15.82-16.224c2.973-5.134 4.462-11.356 4.462-18.657V101.316q-.001-9.325-3.82-18.253a197 197 0 0 0-5.099-7.706Q24.252 71.708 17.464 64h100.59c32.715 0 58.338 6.63 76.864 19.875c18.517 13.253 27.783 31.638 27.783 55.164c0 18.391-6.225 33.805-18.658 46.239c-7.035 7.034-13.93 12.168-20.687 15.412c-6.762 3.245-17.44 6.63-32.043 10.14l27.174 36.098q8.519 11.36 23.12 27.988q16.22 18.254 34.882 37.316q16.626 17.445 26.162 25.35c6.35 5.274 16.022 11.561 29.002 18.86h-65.707q-16.23.002-34.884-18.658q-21.904-22.303-44.616-54.757q-15.417-20.684-27.176-38.127c-6.223-9.19-15.148-23.12-26.771-41.779q76.254-10.544 76.254-59.219c0-30.281-21.497-45.427-64.492-45.427h-16.22v222.219q0 11.786 4.258 19.097q4.26 7.32 16.428 16.655H15.436Z"/></svg>export function BiorxivIcon(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="M396.317 272.785c7.388-9.691 14.778-17.97 20.564-27.25c15.465-24.803 39.678-64.238 45.3-75.09c2.87-5.807 7.053-9.925 9.695-10.18c2.645-.254 6.02-.346 8.877 1.438c2.857 1.787 5.052 6.099 3.052 14.545c-2.001 8.446-3.15 11.519-5.92 18.026c-16.22 35.495-40.017 66.068-65.032 95.639c-4.719 5.579-4.927 9.664-2.283 15.977c11.289 26.96 21.872 54.211 33.08 81.205c3.727 8.973 8.332 17.61 12.933 26.186c4.65 8.673 7.974 13.257 22.098 13.067c5.82-.02 16.882-1.572 17.818 6.852c1.024 9.207-10.156 10.579-16.82 11.938c-7.521 1.533-11.308 2.119-19.002 2.137c-17.738.038-38.699-6.75-47.382-22.507c-8.889-16.13-13.686-27.892-21.841-49.924c-5.353-14.464-11.365-28.7-17.66-44.791c-3.544 3.804-6.88 6.457-9.043 9.857c-26.847 36.397-42.436 65.84-54.46 86.511c-9.48 16.296-10.274 23.496-21.533 21.144c-10.266-4.196-7.303-17.972-6.495-21.462c4.763-20.569 19.837-40.775 31.583-58.536c13.129-19.853 29.268-37.697 43.654-56.748c2.13-2.82 3.593-8.191 2.382-11.172c-12.898-31.736-26.31-63.268-39.771-94.775c-7.322-15.62-12.301-25.58-41.097-24.497c-4.763-.433-7.652-1.688-7.574-7.187c0-6.67 4.503-9.037 7.803-10.016c32.536-9.655 65.227-6.812 82.16 29.56c10.49 22.527 19.777 45.611 29.629 68.437c1.449 3.346 3.019 6.638 5.286 11.615zM15.435 356.443c7.568-5.679 12.84-11.083 15.82-16.224c2.973-5.134 4.462-11.356 4.462-18.657V101.316q-.001-9.325-3.82-18.253a197 197 0 0 0-5.099-7.706Q24.252 71.708 17.464 64h100.59c32.715 0 58.338 6.63 76.864 19.875c18.517 13.253 27.783 31.638 27.783 55.164c0 18.391-6.225 33.805-18.658 46.239c-7.035 7.034-13.93 12.168-20.687 15.412c-6.762 3.245-17.44 6.63-32.043 10.14l27.174 36.098q8.519 11.36 23.12 27.988q16.22 18.254 34.882 37.316q16.626 17.445 26.162 25.35c6.35 5.274 16.022 11.561 29.002 18.86h-65.707q-16.23.002-34.884-18.658q-21.904-22.303-44.616-54.757q-15.417-20.684-27.176-38.127c-6.223-9.19-15.148-23.12-26.771-41.779q76.254-10.544 76.254-59.219c0-30.281-21.497-45.427-64.492-45.427h-16.22v222.219q0 11.786 4.258 19.097q4.26 7.32 16.428 16.655H15.436Z"/>` }}
/>
);
}<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="M396.317 272.785c7.388-9.691 14.778-17.97 20.564-27.25c15.465-24.803 39.678-64.238 45.3-75.09c2.87-5.807 7.053-9.925 9.695-10.18c2.645-.254 6.02-.346 8.877 1.438c2.857 1.787 5.052 6.099 3.052 14.545c-2.001 8.446-3.15 11.519-5.92 18.026c-16.22 35.495-40.017 66.068-65.032 95.639c-4.719 5.579-4.927 9.664-2.283 15.977c11.289 26.96 21.872 54.211 33.08 81.205c3.727 8.973 8.332 17.61 12.933 26.186c4.65 8.673 7.974 13.257 22.098 13.067c5.82-.02 16.882-1.572 17.818 6.852c1.024 9.207-10.156 10.579-16.82 11.938c-7.521 1.533-11.308 2.119-19.002 2.137c-17.738.038-38.699-6.75-47.382-22.507c-8.889-16.13-13.686-27.892-21.841-49.924c-5.353-14.464-11.365-28.7-17.66-44.791c-3.544 3.804-6.88 6.457-9.043 9.857c-26.847 36.397-42.436 65.84-54.46 86.511c-9.48 16.296-10.274 23.496-21.533 21.144c-10.266-4.196-7.303-17.972-6.495-21.462c4.763-20.569 19.837-40.775 31.583-58.536c13.129-19.853 29.268-37.697 43.654-56.748c2.13-2.82 3.593-8.191 2.382-11.172c-12.898-31.736-26.31-63.268-39.771-94.775c-7.322-15.62-12.301-25.58-41.097-24.497c-4.763-.433-7.652-1.688-7.574-7.187c0-6.67 4.503-9.037 7.803-10.016c32.536-9.655 65.227-6.812 82.16 29.56c10.49 22.527 19.777 45.611 29.629 68.437c1.449 3.346 3.019 6.638 5.286 11.615zM15.435 356.443c7.568-5.679 12.84-11.083 15.82-16.224c2.973-5.134 4.462-11.356 4.462-18.657V101.316q-.001-9.325-3.82-18.253a197 197 0 0 0-5.099-7.706Q24.252 71.708 17.464 64h100.59c32.715 0 58.338 6.63 76.864 19.875c18.517 13.253 27.783 31.638 27.783 55.164c0 18.391-6.225 33.805-18.658 46.239c-7.035 7.034-13.93 12.168-20.687 15.412c-6.762 3.245-17.44 6.63-32.043 10.14l27.174 36.098q8.519 11.36 23.12 27.988q16.22 18.254 34.882 37.316q16.626 17.445 26.162 25.35c6.35 5.274 16.022 11.561 29.002 18.86h-65.707q-16.23.002-34.884-18.658q-21.904-22.303-44.616-54.757q-15.417-20.684-27.176-38.127c-6.223-9.19-15.148-23.12-26.771-41.779q76.254-10.544 76.254-59.219c0-30.281-21.497-45.427-64.492-45.427h-16.22v222.219q0 11.786 4.258 19.097q4.26 7.32 16.428 16.655H15.436Z"/>`;
</script>.biorxiv {
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%22M396.317%20272.785c7.388-9.691%2014.778-17.97%2020.564-27.25c15.465-24.803%2039.678-64.238%2045.3-75.09c2.87-5.807%207.053-9.925%209.695-10.18c2.645-.254%206.02-.346%208.877%201.438c2.857%201.787%205.052%206.099%203.052%2014.545c-2.001%208.446-3.15%2011.519-5.92%2018.026c-16.22%2035.495-40.017%2066.068-65.032%2095.639c-4.719%205.579-4.927%209.664-2.283%2015.977c11.289%2026.96%2021.872%2054.211%2033.08%2081.205c3.727%208.973%208.332%2017.61%2012.933%2026.186c4.65%208.673%207.974%2013.257%2022.098%2013.067c5.82-.02%2016.882-1.572%2017.818%206.852c1.024%209.207-10.156%2010.579-16.82%2011.938c-7.521%201.533-11.308%202.119-19.002%202.137c-17.738.038-38.699-6.75-47.382-22.507c-8.889-16.13-13.686-27.892-21.841-49.924c-5.353-14.464-11.365-28.7-17.66-44.791c-3.544%203.804-6.88%206.457-9.043%209.857c-26.847%2036.397-42.436%2065.84-54.46%2086.511c-9.48%2016.296-10.274%2023.496-21.533%2021.144c-10.266-4.196-7.303-17.972-6.495-21.462c4.763-20.569%2019.837-40.775%2031.583-58.536c13.129-19.853%2029.268-37.697%2043.654-56.748c2.13-2.82%203.593-8.191%202.382-11.172c-12.898-31.736-26.31-63.268-39.771-94.775c-7.322-15.62-12.301-25.58-41.097-24.497c-4.763-.433-7.652-1.688-7.574-7.187c0-6.67%204.503-9.037%207.803-10.016c32.536-9.655%2065.227-6.812%2082.16%2029.56c10.49%2022.527%2019.777%2045.611%2029.629%2068.437c1.449%203.346%203.019%206.638%205.286%2011.615zM15.435%20356.443c7.568-5.679%2012.84-11.083%2015.82-16.224c2.973-5.134%204.462-11.356%204.462-18.657V101.316q-.001-9.325-3.82-18.253a197%20197%200%200%200-5.099-7.706Q24.252%2071.708%2017.464%2064h100.59c32.715%200%2058.338%206.63%2076.864%2019.875c18.517%2013.253%2027.783%2031.638%2027.783%2055.164c0%2018.391-6.225%2033.805-18.658%2046.239c-7.035%207.034-13.93%2012.168-20.687%2015.412c-6.762%203.245-17.44%206.63-32.043%2010.14l27.174%2036.098q8.519%2011.36%2023.12%2027.988q16.22%2018.254%2034.882%2037.316q16.626%2017.445%2026.162%2025.35c6.35%205.274%2016.022%2011.561%2029.002%2018.86h-65.707q-16.23.002-34.884-18.658q-21.904-22.303-44.616-54.757q-15.417-20.684-27.176-38.127c-6.223-9.19-15.148-23.12-26.771-41.779q76.254-10.544%2076.254-59.219c0-30.281-21.497-45.427-64.492-45.427h-16.22v222.219q0%2011.786%204.258%2019.097q4.26%207.32%2016.428%2016.655H15.436Z%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%22M396.317%20272.785c7.388-9.691%2014.778-17.97%2020.564-27.25c15.465-24.803%2039.678-64.238%2045.3-75.09c2.87-5.807%207.053-9.925%209.695-10.18c2.645-.254%206.02-.346%208.877%201.438c2.857%201.787%205.052%206.099%203.052%2014.545c-2.001%208.446-3.15%2011.519-5.92%2018.026c-16.22%2035.495-40.017%2066.068-65.032%2095.639c-4.719%205.579-4.927%209.664-2.283%2015.977c11.289%2026.96%2021.872%2054.211%2033.08%2081.205c3.727%208.973%208.332%2017.61%2012.933%2026.186c4.65%208.673%207.974%2013.257%2022.098%2013.067c5.82-.02%2016.882-1.572%2017.818%206.852c1.024%209.207-10.156%2010.579-16.82%2011.938c-7.521%201.533-11.308%202.119-19.002%202.137c-17.738.038-38.699-6.75-47.382-22.507c-8.889-16.13-13.686-27.892-21.841-49.924c-5.353-14.464-11.365-28.7-17.66-44.791c-3.544%203.804-6.88%206.457-9.043%209.857c-26.847%2036.397-42.436%2065.84-54.46%2086.511c-9.48%2016.296-10.274%2023.496-21.533%2021.144c-10.266-4.196-7.303-17.972-6.495-21.462c4.763-20.569%2019.837-40.775%2031.583-58.536c13.129-19.853%2029.268-37.697%2043.654-56.748c2.13-2.82%203.593-8.191%202.382-11.172c-12.898-31.736-26.31-63.268-39.771-94.775c-7.322-15.62-12.301-25.58-41.097-24.497c-4.763-.433-7.652-1.688-7.574-7.187c0-6.67%204.503-9.037%207.803-10.016c32.536-9.655%2065.227-6.812%2082.16%2029.56c10.49%2022.527%2019.777%2045.611%2029.629%2068.437c1.449%203.346%203.019%206.638%205.286%2011.615zM15.435%20356.443c7.568-5.679%2012.84-11.083%2015.82-16.224c2.973-5.134%204.462-11.356%204.462-18.657V101.316q-.001-9.325-3.82-18.253a197%20197%200%200%200-5.099-7.706Q24.252%2071.708%2017.464%2064h100.59c32.715%200%2058.338%206.63%2076.864%2019.875c18.517%2013.253%2027.783%2031.638%2027.783%2055.164c0%2018.391-6.225%2033.805-18.658%2046.239c-7.035%207.034-13.93%2012.168-20.687%2015.412c-6.762%203.245-17.44%206.63-32.043%2010.14l27.174%2036.098q8.519%2011.36%2023.12%2027.988q16.22%2018.254%2034.882%2037.316q16.626%2017.445%2026.162%2025.35c6.35%205.274%2016.022%2011.561%2029.002%2018.86h-65.707q-16.23.002-34.884-18.658q-21.904-22.303-44.616-54.757q-15.417-20.684-27.176-38.127c-6.223-9.19-15.148-23.12-26.771-41.779q76.254-10.544%2076.254-59.219c0-30.281-21.497-45.427-64.492-45.427h-16.22v222.219q0%2011.786%204.258%2019.097q4.26%207.32%2016.428%2016.655H15.436Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}给 biorxiv 加一点动效
单文件 CSS 即可播放,无需任何依赖;描画动效仅对描边类图标生效。
呼吸
透明度往复渐变,适合状态提示与在线指示。
.icon-biorxiv {
animation: icon-breathe 1.8s ease-in-out infinite;
}
@keyframes icon-breathe {
0%, 100% { opacity: 1; }
50% { opacity: 0.35; }
}旋转
匀速循环旋转,适合加载中场景。
.icon-biorxiv {
animation: icon-spin 1.6s linear infinite;
}
@keyframes icon-spin {
to { transform: rotate(360deg); }
}SVG 健康报告
对源文件的客观技术指标,供工程侧评估引用方式。
文件体积
2.05 KB
2,095 字节
viewBox
0 0 512 512
矢量坐标系
图元总数
1
<path> ×1
风格
单色(跟随 currentColor)
填充跟随容器颜色
同时含 width/height 与 viewBox:可以只保留 viewBox,让图标跟随容器自适应缩放。 文件体积 2.05 KB(2,095 字节),图元 1 个,风格为单色(跟随 currentColor)。
常见问题
关于 biorxiv 图标的下载、商用与改色。
biorxiv 图标是什么?▾
它是 Academicons(academicons)开源图标集中的 biorxiv 图标,单色(跟随 currentColor),viewBox 为 0 0 512 512,文件仅 2.05 KB,矢量格式可无损缩放到任意尺寸。
如何下载 biorxiv 图标?▾
点击「下载与导出」中的 SVG 源文件按钮保存矢量文件;也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG,或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时,用素材包生成器一键打包。
biorxiv 图标可以商用吗?▾
该图标采用 Open Font License(OFL-1.1) 开源协议,通常允许在遵守协议的前提下免费使用,常见要求是保留作者版权声明。商用前建议阅读协议原文确认。
如何修改 biorxiv 图标的颜色?▾
在「预览与场景」的色板中切换颜色,三底色与全部场景会实时跟随;点击任一相近图标可打开预览弹层,复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。