upload icon
upload-bold-duotone from Solar by 480 Design · Bold Duotone · Arrows Action · CC-BY-4.0 Attribution required.
- Name
- upload-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- Arrows Action
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
upload-outlinedAnt Design IconsuploadBootstrap IconsuploadBoxIcons v2uploadCarbonuploadElement Plusupload-fillEva IconsuploadFont Awesome 6 SoliduploadFont Awesome SoliduploadFeather Iconsupload-outlineFlowbite Iconsupload-24-filledFluent UI System IconsuploadHumbleiconsuploadIconParkuploadIconPark OutlineuploadIconPark SoliduploadIconoiruploadIonIconsuploadJam IconsuploadLine AwesomeuploadMaterial Line IconsuploadLucideuploadMage IconsuploadMaterial SymbolsuploadMaterial Symbols Light
More arrows action icons from Solar
arrow-to-down-left-boldarrow-to-down-right-boldarrow-to-top-left-boldarrow-to-top-right-boldcircle-bottom-down-boldcircle-bottom-up-boldcircle-top-down-boldcircle-top-up-bolddownload-bolddownload-minimalistic-bolddownload-square-bolddownload-twice-square-boldexit-boldexport-boldforward-2-boldforward-boldimport-boldlogin-2-boldlogin-3-boldlogin-boldlogout-2-boldlogout-3-boldlogout-boldmaximize-bold
Use the upload icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M22 15.9998V14.9998C22 12.1714 21.9998 10.7576 21.1211 9.87891C20.2424 9.00023 18.8282 9.00023 15.9998 9.00023H7.99977C5.17135 9.00023 3.75713 9.00023 2.87845 9.87891C2 10.7574 2 12.1706 2 14.9976V14.9998V15.9998C2 18.8282 2 20.2424 2.87868 21.1211C3.75736 21.9998 5.17157 21.9998 8 21.9998H16H16C18.8284 21.9998 20.2426 21.9998 21.1213 21.1211C22 20.2424 22 18.8282 22 15.9998Z" opacity=".5"/><path fill-rule="evenodd" d="M12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 4.02744L14.4306 5.98809C14.7001 6.30259 15.1736 6.33901 15.4881 6.06944C15.8026 5.79988 15.839 5.3264 15.5695 5.01191L12.5695 1.51191C12.427 1.34567 12.219 1.25 12 1.25C11.7811 1.25 11.5731 1.34567 11.4306 1.51191L8.43057 5.01191C8.161 5.3264 8.19743 5.79988 8.51192 6.06944C8.82641 6.33901 9.29989 6.30259 9.56946 5.98809L11.25 4.02744L11.25 15C11.25 15.4142 11.5858 15.75 12 15.75Z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarUploadBoldDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M22 15.9998V14.9998C22 12.1714 21.9998 10.7576 21.1211 9.87891C20.2424 9.00023 18.8282 9.00023 15.9998 9.00023H7.99977C5.17135 9.00023 3.75713 9.00023 2.87845 9.87891C2 10.7574 2 12.1706 2 14.9976V14.9998V15.9998C2 18.8282 2 20.2424 2.87868 21.1211C3.75736 21.9998 5.17157 21.9998 8 21.9998H16H16C18.8284 21.9998 20.2426 21.9998 21.1213 21.1211C22 20.2424 22 18.8282 22 15.9998Z" opacity=".5"/><path fillRule="evenodd" d="M12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 4.02744L14.4306 5.98809C14.7001 6.30259 15.1736 6.33901 15.4881 6.06944C15.8026 5.79988 15.839 5.3264 15.5695 5.01191L12.5695 1.51191C12.427 1.34567 12.219 1.25 12 1.25C11.7811 1.25 11.5731 1.34567 11.4306 1.51191L8.43057 5.01191C8.161 5.3264 8.19743 5.79988 8.51192 6.06944C8.82641 6.33901 9.29989 6.30259 9.56946 5.98809L11.25 4.02744L11.25 15C11.25 15.4142 11.5858 15.75 12 15.75Z" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M22 15.9998V14.9998C22 12.1714 21.9998 10.7576 21.1211 9.87891C20.2424 9.00023 18.8282 9.00023 15.9998 9.00023H7.99977C5.17135 9.00023 3.75713 9.00023 2.87845 9.87891C2 10.7574 2 12.1706 2 14.9976V14.9998V15.9998C2 18.8282 2 20.2424 2.87868 21.1211C3.75736 21.9998 5.17157 21.9998 8 21.9998H16H16C18.8284 21.9998 20.2426 21.9998 21.1213 21.1211C22 20.2424 22 18.8282 22 15.9998Z" opacity=".5"/><path fill-rule="evenodd" d="M12 15.75C12.4142 15.75 12.75 15.4142 12.75 15L12.75 4.02744L14.4306 5.98809C14.7001 6.30259 15.1736 6.33901 15.4881 6.06944C15.8026 5.79988 15.839 5.3264 15.5695 5.01191L12.5695 1.51191C12.427 1.34567 12.219 1.25 12 1.25C11.7811 1.25 11.5731 1.34567 11.4306 1.51191L8.43057 5.01191C8.161 5.3264 8.19743 5.79988 8.51192 6.06944C8.82641 6.33901 9.29989 6.30259 9.56946 5.98809L11.25 4.02744L11.25 15C11.25 15.4142 11.5858 15.75 12 15.75Z" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-upload-bold-duotone {
width: 24px;
height: 24px;
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M22%2015.9998V14.9998C22%2012.1714%2021.9998%2010.7576%2021.1211%209.87891C20.2424%209.00023%2018.8282%209.00023%2015.9998%209.00023H7.99977C5.17135%209.00023%203.75713%209.00023%202.87845%209.87891C2%2010.7574%202%2012.1706%202%2014.9976V14.9998V15.9998C2%2018.8282%202%2020.2424%202.87868%2021.1211C3.75736%2021.9998%205.17157%2021.9998%208%2021.9998H16H16C18.8284%2021.9998%2020.2426%2021.9998%2021.1213%2021.1211C22%2020.2424%2022%2018.8282%2022%2015.9998Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2015.75C12.4142%2015.75%2012.75%2015.4142%2012.75%2015L12.75%204.02744L14.4306%205.98809C14.7001%206.30259%2015.1736%206.33901%2015.4881%206.06944C15.8026%205.79988%2015.839%205.3264%2015.5695%205.01191L12.5695%201.51191C12.427%201.34567%2012.219%201.25%2012%201.25C11.7811%201.25%2011.5731%201.34567%2011.4306%201.51191L8.43057%205.01191C8.161%205.3264%208.19743%205.79988%208.51192%206.06944C8.82641%206.33901%209.29989%206.30259%209.56946%205.98809L11.25%204.02744L11.25%2015C11.25%2015.4142%2011.5858%2015.75%2012%2015.75Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M22%2015.9998V14.9998C22%2012.1714%2021.9998%2010.7576%2021.1211%209.87891C20.2424%209.00023%2018.8282%209.00023%2015.9998%209.00023H7.99977C5.17135%209.00023%203.75713%209.00023%202.87845%209.87891C2%2010.7574%202%2012.1706%202%2014.9976V14.9998V15.9998C2%2018.8282%202%2020.2424%202.87868%2021.1211C3.75736%2021.9998%205.17157%2021.9998%208%2021.9998H16H16C18.8284%2021.9998%2020.2426%2021.9998%2021.1213%2021.1211C22%2020.2424%2022%2018.8282%2022%2015.9998Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2015.75C12.4142%2015.75%2012.75%2015.4142%2012.75%2015L12.75%204.02744L14.4306%205.98809C14.7001%206.30259%2015.1736%206.33901%2015.4881%206.06944C15.8026%205.79988%2015.839%205.3264%2015.5695%205.01191L12.5695%201.51191C12.427%201.34567%2012.219%201.25%2012%201.25C11.7811%201.25%2011.5731%201.34567%2011.4306%201.51191L8.43057%205.01191C8.161%205.3264%208.19743%205.79988%208.51192%206.06944C8.82641%206.33901%209.29989%206.30259%209.56946%205.98809L11.25%204.02744L11.25%2015C11.25%2015.4142%2011.5858%2015.75%2012%2015.75Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/upload-bold-duotone.svg?color=%231a73e8&size=48
