找找图标
upload-outline 图标

upload-outline SVG 图标

solarupload-outline

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

图标 ID
solar:upload-outline
中文名
—
所属集合
Solar
集合规模
8,706 枚
基础网格
24px
色彩
单色（可改色）
开源协议
CC-BY-4.0
作者
480 Design

下载 upload-outline 图标

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

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

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

upload-outline 的预览与使用场景

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

预览颜色
upload-outline 图标 浅色背景预览浅色背景
upload-outline 图标 深色背景预览深色背景
upload-outline 图标 灰底融入预览灰底融入

在真实界面里长这样

继续按钮内 · 主操作
搜索upload-outline…输入框 · 前缀图标
upload-outline导航菜单 · 选中态
暂无内容空状态 · 引导提示
9:41upload-outline App 图标upload-outlineupload-boldupload-bold-duotoneupload-brokenupload-line-duotoneupload-linearcloud-upload-boldcloud-upload-bold-duotonecloud-upload-brokencloud-upload-line-duotonecloud-upload-linearcloud-upload-outline手机桌面 · App 图标
upload-outlinesolar.design/icons/upload-outline浏览器 · 标签页与站点图标

各尺寸下的可读性

upload-outline 图标 24px 渲染24pxupload-outline 图标 32px 渲染32pxupload-outline 图标 48px 渲染48pxupload-outline 图标 64px 渲染64pxupload-outline 图标 96px 渲染96pxupload-outline 图标 128px 渲染128px

复制 upload-outline 图标代码

内联 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" fill-rule="evenodd" d="M12 1.25C12.2189 1.25 12.427 1.34567 12.5694 1.51191L15.5694 5.01191C15.839 5.3264 15.8026 5.79988 15.4881 6.06944C15.1736 6.33901 14.7001 6.30259 14.4306 5.98809L12.75 4.02744L12.75 15C12.75 15.4142 12.4142 15.75 12 15.75C11.5858 15.75 11.25 15.4142 11.25 15L11.25 4.02744L9.56944 5.98809C9.29988 6.30259 8.8264 6.33901 8.51191 6.06944C8.19741 5.79988 8.16099 5.3264 8.43056 5.01191L11.4306 1.51191C11.573 1.34567 11.7811 1.25 12 1.25ZM6.99583 8.25196C7.41003 8.24966 7.74768 8.58357 7.74999 8.99778C7.7523 9.41198 7.41838 9.74963 7.00418 9.75194C5.91068 9.75803 5.1356 9.78642 4.54735 9.89448C3.98054 9.99859 3.65246 10.1658 3.40901 10.4092C3.13225 10.686 2.9518 11.0746 2.85315 11.8083C2.75159 12.5637 2.75 13.5648 2.75 15.0002V16.0002C2.75 17.4356 2.75159 18.4367 2.85315 19.1921C2.9518 19.9259 3.13225 20.3144 3.40901 20.5912C3.68577 20.868 4.07434 21.0484 4.80812 21.1471C5.56347 21.2486 6.56458 21.2502 8 21.2502H16C17.4354 21.2502 18.4365 21.2486 19.1919 21.1471C19.9257 21.0484 20.3142 20.868 20.591 20.5912C20.8678 20.3144 21.0482 19.9259 21.1469 19.1921C21.2484 18.4367 21.25 17.4356 21.25 16.0002V15.0002C21.25 13.5648 21.2484 12.5637 21.1469 11.8083C21.0482 11.0746 20.8678 10.686 20.591 10.4092C20.3475 10.1658 20.0195 9.99859 19.4527 9.89448C18.8644 9.78642 18.0893 9.75803 16.9958 9.75194C16.5816 9.74963 16.2477 9.41198 16.25 8.99778C16.2523 8.58357 16.59 8.24966 17.0042 8.25196C18.0857 8.25798 18.9871 8.28387 19.7236 8.41916C20.4816 8.55839 21.1267 8.82363 21.6517 9.34856C22.2536 9.95048 22.5125 10.7084 22.6335 11.6085C22.75 12.4754 22.75 13.5778 22.75 14.9453V16.0551C22.75 17.4227 22.75 18.525 22.6335 19.392C22.5125 20.2921 22.2536 21.0499 21.6517 21.6519C21.0497 22.2538 20.2919 22.5127 19.3918 22.6337C18.5248 22.7503 17.4225 22.7502 16.0549 22.7502H7.94513C6.57754 22.7502 5.47522 22.7503 4.60825 22.6337C3.70814 22.5127 2.95027 22.2538 2.34835 21.6519C1.74643 21.0499 1.48754 20.2921 1.36652 19.392C1.24996 18.525 1.24998 17.4227 1.25 16.0551V14.9453C1.24998 13.5777 1.24996 12.4754 1.36652 11.6085C1.48754 10.7084 1.74643 9.95048 2.34835 9.34856C2.87328 8.82363 3.51835 8.55839 4.27635 8.41916C5.01291 8.28386 5.9143 8.25798 6.99583 8.25196Z" clip-rule="evenodd"/></svg>
reactReact 组件（TSX）
export function UploadOutlineIcon(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" fill-rule="evenodd" d="M12 1.25C12.2189 1.25 12.427 1.34567 12.5694 1.51191L15.5694 5.01191C15.839 5.3264 15.8026 5.79988 15.4881 6.06944C15.1736 6.33901 14.7001 6.30259 14.4306 5.98809L12.75 4.02744L12.75 15C12.75 15.4142 12.4142 15.75 12 15.75C11.5858 15.75 11.25 15.4142 11.25 15L11.25 4.02744L9.56944 5.98809C9.29988 6.30259 8.8264 6.33901 8.51191 6.06944C8.19741 5.79988 8.16099 5.3264 8.43056 5.01191L11.4306 1.51191C11.573 1.34567 11.7811 1.25 12 1.25ZM6.99583 8.25196C7.41003 8.24966 7.74768 8.58357 7.74999 8.99778C7.7523 9.41198 7.41838 9.74963 7.00418 9.75194C5.91068 9.75803 5.1356 9.78642 4.54735 9.89448C3.98054 9.99859 3.65246 10.1658 3.40901 10.4092C3.13225 10.686 2.9518 11.0746 2.85315 11.8083C2.75159 12.5637 2.75 13.5648 2.75 15.0002V16.0002C2.75 17.4356 2.75159 18.4367 2.85315 19.1921C2.9518 19.9259 3.13225 20.3144 3.40901 20.5912C3.68577 20.868 4.07434 21.0484 4.80812 21.1471C5.56347 21.2486 6.56458 21.2502 8 21.2502H16C17.4354 21.2502 18.4365 21.2486 19.1919 21.1471C19.9257 21.0484 20.3142 20.868 20.591 20.5912C20.8678 20.3144 21.0482 19.9259 21.1469 19.1921C21.2484 18.4367 21.25 17.4356 21.25 16.0002V15.0002C21.25 13.5648 21.2484 12.5637 21.1469 11.8083C21.0482 11.0746 20.8678 10.686 20.591 10.4092C20.3475 10.1658 20.0195 9.99859 19.4527 9.89448C18.8644 9.78642 18.0893 9.75803 16.9958 9.75194C16.5816 9.74963 16.2477 9.41198 16.25 8.99778C16.2523 8.58357 16.59 8.24966 17.0042 8.25196C18.0857 8.25798 18.9871 8.28387 19.7236 8.41916C20.4816 8.55839 21.1267 8.82363 21.6517 9.34856C22.2536 9.95048 22.5125 10.7084 22.6335 11.6085C22.75 12.4754 22.75 13.5778 22.75 14.9453V16.0551C22.75 17.4227 22.75 18.525 22.6335 19.392C22.5125 20.2921 22.2536 21.0499 21.6517 21.6519C21.0497 22.2538 20.2919 22.5127 19.3918 22.6337C18.5248 22.7503 17.4225 22.7502 16.0549 22.7502H7.94513C6.57754 22.7502 5.47522 22.7503 4.60825 22.6337C3.70814 22.5127 2.95027 22.2538 2.34835 21.6519C1.74643 21.0499 1.48754 20.2921 1.36652 19.392C1.24996 18.525 1.24998 17.4227 1.25 16.0551V14.9453C1.24998 13.5777 1.24996 12.4754 1.36652 11.6085C1.48754 10.7084 1.74643 9.95048 2.34835 9.34856C2.87328 8.82363 3.51835 8.55839 4.27635 8.41916C5.01291 8.28386 5.9143 8.25798 6.99583 8.25196Z" clip-rule="evenodd"/>` }}
    />
  );
}
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" fill-rule="evenodd" d="M12 1.25C12.2189 1.25 12.427 1.34567 12.5694 1.51191L15.5694 5.01191C15.839 5.3264 15.8026 5.79988 15.4881 6.06944C15.1736 6.33901 14.7001 6.30259 14.4306 5.98809L12.75 4.02744L12.75 15C12.75 15.4142 12.4142 15.75 12 15.75C11.5858 15.75 11.25 15.4142 11.25 15L11.25 4.02744L9.56944 5.98809C9.29988 6.30259 8.8264 6.33901 8.51191 6.06944C8.19741 5.79988 8.16099 5.3264 8.43056 5.01191L11.4306 1.51191C11.573 1.34567 11.7811 1.25 12 1.25ZM6.99583 8.25196C7.41003 8.24966 7.74768 8.58357 7.74999 8.99778C7.7523 9.41198 7.41838 9.74963 7.00418 9.75194C5.91068 9.75803 5.1356 9.78642 4.54735 9.89448C3.98054 9.99859 3.65246 10.1658 3.40901 10.4092C3.13225 10.686 2.9518 11.0746 2.85315 11.8083C2.75159 12.5637 2.75 13.5648 2.75 15.0002V16.0002C2.75 17.4356 2.75159 18.4367 2.85315 19.1921C2.9518 19.9259 3.13225 20.3144 3.40901 20.5912C3.68577 20.868 4.07434 21.0484 4.80812 21.1471C5.56347 21.2486 6.56458 21.2502 8 21.2502H16C17.4354 21.2502 18.4365 21.2486 19.1919 21.1471C19.9257 21.0484 20.3142 20.868 20.591 20.5912C20.8678 20.3144 21.0482 19.9259 21.1469 19.1921C21.2484 18.4367 21.25 17.4356 21.25 16.0002V15.0002C21.25 13.5648 21.2484 12.5637 21.1469 11.8083C21.0482 11.0746 20.8678 10.686 20.591 10.4092C20.3475 10.1658 20.0195 9.99859 19.4527 9.89448C18.8644 9.78642 18.0893 9.75803 16.9958 9.75194C16.5816 9.74963 16.2477 9.41198 16.25 8.99778C16.2523 8.58357 16.59 8.24966 17.0042 8.25196C18.0857 8.25798 18.9871 8.28387 19.7236 8.41916C20.4816 8.55839 21.1267 8.82363 21.6517 9.34856C22.2536 9.95048 22.5125 10.7084 22.6335 11.6085C22.75 12.4754 22.75 13.5778 22.75 14.9453V16.0551C22.75 17.4227 22.75 18.525 22.6335 19.392C22.5125 20.2921 22.2536 21.0499 21.6517 21.6519C21.0497 22.2538 20.2919 22.5127 19.3918 22.6337C18.5248 22.7503 17.4225 22.7502 16.0549 22.7502H7.94513C6.57754 22.7502 5.47522 22.7503 4.60825 22.6337C3.70814 22.5127 2.95027 22.2538 2.34835 21.6519C1.74643 21.0499 1.48754 20.2921 1.36652 19.392C1.24996 18.525 1.24998 17.4227 1.25 16.0551V14.9453C1.24998 13.5777 1.24996 12.4754 1.36652 11.6085C1.48754 10.7084 1.74643 9.95048 2.34835 9.34856C2.87328 8.82363 3.51835 8.55839 4.27635 8.41916C5.01291 8.28386 5.9143 8.25798 6.99583 8.25196Z" clip-rule="evenodd"/>`;
</script>
cssCSS mask（随 currentColor 改色）
.upload-outline {
  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%20fill-rule%3D%22evenodd%22%20d%3D%22M12%201.25C12.2189%201.25%2012.427%201.34567%2012.5694%201.51191L15.5694%205.01191C15.839%205.3264%2015.8026%205.79988%2015.4881%206.06944C15.1736%206.33901%2014.7001%206.30259%2014.4306%205.98809L12.75%204.02744L12.75%2015C12.75%2015.4142%2012.4142%2015.75%2012%2015.75C11.5858%2015.75%2011.25%2015.4142%2011.25%2015L11.25%204.02744L9.56944%205.98809C9.29988%206.30259%208.8264%206.33901%208.51191%206.06944C8.19741%205.79988%208.16099%205.3264%208.43056%205.01191L11.4306%201.51191C11.573%201.34567%2011.7811%201.25%2012%201.25ZM6.99583%208.25196C7.41003%208.24966%207.74768%208.58357%207.74999%208.99778C7.7523%209.41198%207.41838%209.74963%207.00418%209.75194C5.91068%209.75803%205.1356%209.78642%204.54735%209.89448C3.98054%209.99859%203.65246%2010.1658%203.40901%2010.4092C3.13225%2010.686%202.9518%2011.0746%202.85315%2011.8083C2.75159%2012.5637%202.75%2013.5648%202.75%2015.0002V16.0002C2.75%2017.4356%202.75159%2018.4367%202.85315%2019.1921C2.9518%2019.9259%203.13225%2020.3144%203.40901%2020.5912C3.68577%2020.868%204.07434%2021.0484%204.80812%2021.1471C5.56347%2021.2486%206.56458%2021.2502%208%2021.2502H16C17.4354%2021.2502%2018.4365%2021.2486%2019.1919%2021.1471C19.9257%2021.0484%2020.3142%2020.868%2020.591%2020.5912C20.8678%2020.3144%2021.0482%2019.9259%2021.1469%2019.1921C21.2484%2018.4367%2021.25%2017.4356%2021.25%2016.0002V15.0002C21.25%2013.5648%2021.2484%2012.5637%2021.1469%2011.8083C21.0482%2011.0746%2020.8678%2010.686%2020.591%2010.4092C20.3475%2010.1658%2020.0195%209.99859%2019.4527%209.89448C18.8644%209.78642%2018.0893%209.75803%2016.9958%209.75194C16.5816%209.74963%2016.2477%209.41198%2016.25%208.99778C16.2523%208.58357%2016.59%208.24966%2017.0042%208.25196C18.0857%208.25798%2018.9871%208.28387%2019.7236%208.41916C20.4816%208.55839%2021.1267%208.82363%2021.6517%209.34856C22.2536%209.95048%2022.5125%2010.7084%2022.6335%2011.6085C22.75%2012.4754%2022.75%2013.5778%2022.75%2014.9453V16.0551C22.75%2017.4227%2022.75%2018.525%2022.6335%2019.392C22.5125%2020.2921%2022.2536%2021.0499%2021.6517%2021.6519C21.0497%2022.2538%2020.2919%2022.5127%2019.3918%2022.6337C18.5248%2022.7503%2017.4225%2022.7502%2016.0549%2022.7502H7.94513C6.57754%2022.7502%205.47522%2022.7503%204.60825%2022.6337C3.70814%2022.5127%202.95027%2022.2538%202.34835%2021.6519C1.74643%2021.0499%201.48754%2020.2921%201.36652%2019.392C1.24996%2018.525%201.24998%2017.4227%201.25%2016.0551V14.9453C1.24998%2013.5777%201.24996%2012.4754%201.36652%2011.6085C1.48754%2010.7084%201.74643%209.95048%202.34835%209.34856C2.87328%208.82363%203.51835%208.55839%204.27635%208.41916C5.01291%208.28386%205.9143%208.25798%206.99583%208.25196Z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M12%201.25C12.2189%201.25%2012.427%201.34567%2012.5694%201.51191L15.5694%205.01191C15.839%205.3264%2015.8026%205.79988%2015.4881%206.06944C15.1736%206.33901%2014.7001%206.30259%2014.4306%205.98809L12.75%204.02744L12.75%2015C12.75%2015.4142%2012.4142%2015.75%2012%2015.75C11.5858%2015.75%2011.25%2015.4142%2011.25%2015L11.25%204.02744L9.56944%205.98809C9.29988%206.30259%208.8264%206.33901%208.51191%206.06944C8.19741%205.79988%208.16099%205.3264%208.43056%205.01191L11.4306%201.51191C11.573%201.34567%2011.7811%201.25%2012%201.25ZM6.99583%208.25196C7.41003%208.24966%207.74768%208.58357%207.74999%208.99778C7.7523%209.41198%207.41838%209.74963%207.00418%209.75194C5.91068%209.75803%205.1356%209.78642%204.54735%209.89448C3.98054%209.99859%203.65246%2010.1658%203.40901%2010.4092C3.13225%2010.686%202.9518%2011.0746%202.85315%2011.8083C2.75159%2012.5637%202.75%2013.5648%202.75%2015.0002V16.0002C2.75%2017.4356%202.75159%2018.4367%202.85315%2019.1921C2.9518%2019.9259%203.13225%2020.3144%203.40901%2020.5912C3.68577%2020.868%204.07434%2021.0484%204.80812%2021.1471C5.56347%2021.2486%206.56458%2021.2502%208%2021.2502H16C17.4354%2021.2502%2018.4365%2021.2486%2019.1919%2021.1471C19.9257%2021.0484%2020.3142%2020.868%2020.591%2020.5912C20.8678%2020.3144%2021.0482%2019.9259%2021.1469%2019.1921C21.2484%2018.4367%2021.25%2017.4356%2021.25%2016.0002V15.0002C21.25%2013.5648%2021.2484%2012.5637%2021.1469%2011.8083C21.0482%2011.0746%2020.8678%2010.686%2020.591%2010.4092C20.3475%2010.1658%2020.0195%209.99859%2019.4527%209.89448C18.8644%209.78642%2018.0893%209.75803%2016.9958%209.75194C16.5816%209.74963%2016.2477%209.41198%2016.25%208.99778C16.2523%208.58357%2016.59%208.24966%2017.0042%208.25196C18.0857%208.25798%2018.9871%208.28387%2019.7236%208.41916C20.4816%208.55839%2021.1267%208.82363%2021.6517%209.34856C22.2536%209.95048%2022.5125%2010.7084%2022.6335%2011.6085C22.75%2012.4754%2022.75%2013.5778%2022.75%2014.9453V16.0551C22.75%2017.4227%2022.75%2018.525%2022.6335%2019.392C22.5125%2020.2921%2022.2536%2021.0499%2021.6517%2021.6519C21.0497%2022.2538%2020.2919%2022.5127%2019.3918%2022.6337C18.5248%2022.7503%2017.4225%2022.7502%2016.0549%2022.7502H7.94513C6.57754%2022.7502%205.47522%2022.7503%204.60825%2022.6337C3.70814%2022.5127%202.95027%2022.2538%202.34835%2021.6519C1.74643%2021.0499%201.48754%2020.2921%201.36652%2019.392C1.24996%2018.525%201.24998%2017.4227%201.25%2016.0551V14.9453C1.24998%2013.5777%201.24996%2012.4754%201.36652%2011.6085C1.48754%2010.7084%201.74643%209.95048%202.34835%209.34856C2.87328%208.82363%203.51835%208.55839%204.27635%208.41916C5.01291%208.28386%205.9143%208.25798%206.99583%208.25196Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 upload-outline 加一点动效

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

upload-outline 呼吸动效演示

呼吸

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

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

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

旋转

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

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

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

SVG 健康报告

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

文件体积

2.28 KB

2,334 字节

viewBox

0 0 24 24

矢量坐标系

图元总数

1

<path> ×1

风格

单色（跟随 currentColor）

填充跟随容器颜色

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

常见问题

关于 upload-outline 图标的下载、商用与改色。

upload-outline 图标是什么？▾

它是 Solar（solar）开源图标集中的 upload-outline 图标，单色（跟随 currentColor），viewBox 为 0 0 24 24，文件仅 2.28 KB，矢量格式可无损缩放到任意尺寸。

如何下载 upload-outline 图标？▾

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

upload-outline 图标可以商用吗？▾

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

如何修改 upload-outline 图标的颜色？▾

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

Solar 中的相近图标

upload-bold
upload-bold-duotone
upload-broken
upload-line-duotone
upload-linear
cloud-upload-bold
cloud-upload-bold-duotone
cloud-upload-broken
cloud-upload-line-duotone
cloud-upload-linear
cloud-upload-outline
upload-track-bold
upload-track-bold-duotone
upload-track-broken
upload-track-line-duotone
upload-track-linear
upload-track-outline
upload-square-bold
upload-square-bold-duotone
upload-square-broken
upload-square-line-duotone
upload-square-linear
upload-square-outline
upload-track-2-bold