upload2 icon
upload2-filled from Reicon by REICON · Filled · Arrows-action · MIT Free for personal and commercial use.
- Name
- upload2-filled
- Set
- Reicon
- Style
- Filled
- Category
- Arrows-action
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More arrows-action icons from Reicon
Use the upload2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.554 2.494a.75.75 0 0 0-1.107 0l-4 4.375A.75.75 0 0 0 8.553 7.88l2.696-2.95V16a.75.75 0 0 0 1.5 0V4.932l2.697 2.95a.75.75 0 1 0 1.107-1.013z"/><path d="M3.75 15a.75.75 0 0 0-1.5 0v.055c0 1.367 0 2.47.117 3.337c.12.9.38 1.658.981 2.26c.602.602 1.36.86 2.26.982c.867.116 1.97.116 3.337.116h6.11c1.367 0 2.47 0 3.337-.116c.9-.122 1.658-.38 2.26-.982s.86-1.36.982-2.26c.116-.867.116-1.97.116-3.337V15a.75.75 0 0 0-1.5 0c0 1.435-.002 2.436-.103 3.192c-.099.734-.28 1.122-.556 1.399c-.277.277-.665.457-1.4.556c-.755.101-1.756.103-3.191.103H9c-1.435 0-2.437-.002-3.192-.103c-.734-.099-1.122-.28-1.399-.556c-.277-.277-.457-.665-.556-1.4c-.101-.755-.103-1.756-.103-3.191"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconUpload2Filled(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="M12.554 2.494a.75.75 0 0 0-1.107 0l-4 4.375A.75.75 0 0 0 8.553 7.88l2.696-2.95V16a.75.75 0 0 0 1.5 0V4.932l2.697 2.95a.75.75 0 1 0 1.107-1.013z"/><path d="M3.75 15a.75.75 0 0 0-1.5 0v.055c0 1.367 0 2.47.117 3.337c.12.9.38 1.658.981 2.26c.602.602 1.36.86 2.26.982c.867.116 1.97.116 3.337.116h6.11c1.367 0 2.47 0 3.337-.116c.9-.122 1.658-.38 2.26-.982s.86-1.36.982-2.26c.116-.867.116-1.97.116-3.337V15a.75.75 0 0 0-1.5 0c0 1.435-.002 2.436-.103 3.192c-.099.734-.28 1.122-.556 1.399c-.277.277-.665.457-1.4.556c-.755.101-1.756.103-3.191.103H9c-1.435 0-2.437-.002-3.192-.103c-.734-.099-1.122-.28-1.399-.556c-.277-.277-.457-.665-.556-1.4c-.101-.755-.103-1.756-.103-3.191"/></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="M12.554 2.494a.75.75 0 0 0-1.107 0l-4 4.375A.75.75 0 0 0 8.553 7.88l2.696-2.95V16a.75.75 0 0 0 1.5 0V4.932l2.697 2.95a.75.75 0 1 0 1.107-1.013z"/><path d="M3.75 15a.75.75 0 0 0-1.5 0v.055c0 1.367 0 2.47.117 3.337c.12.9.38 1.658.981 2.26c.602.602 1.36.86 2.26.982c.867.116 1.97.116 3.337.116h6.11c1.367 0 2.47 0 3.337-.116c.9-.122 1.658-.38 2.26-.982s.86-1.36.982-2.26c.116-.867.116-1.97.116-3.337V15a.75.75 0 0 0-1.5 0c0 1.435-.002 2.436-.103 3.192c-.099.734-.28 1.122-.556 1.399c-.277.277-.665.457-1.4.556c-.755.101-1.756.103-3.191.103H9c-1.435 0-2.437-.002-3.192-.103c-.734-.099-1.122-.28-1.399-.556c-.277-.277-.457-.665-.556-1.4c-.101-.755-.103-1.756-.103-3.191"/></g></svg> </template>
CSS
.icon-upload2-filled {
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%22M12.554%202.494a.75.75%200%200%200-1.107%200l-4%204.375A.75.75%200%200%200%208.553%207.88l2.696-2.95V16a.75.75%200%200%200%201.5%200V4.932l2.697%202.95a.75.75%200%201%200%201.107-1.013z%22%2F%3E%3Cpath%20d%3D%22M3.75%2015a.75.75%200%200%200-1.5%200v.055c0%201.367%200%202.47.117%203.337c.12.9.38%201.658.981%202.26c.602.602%201.36.86%202.26.982c.867.116%201.97.116%203.337.116h6.11c1.367%200%202.47%200%203.337-.116c.9-.122%201.658-.38%202.26-.982s.86-1.36.982-2.26c.116-.867.116-1.97.116-3.337V15a.75.75%200%200%200-1.5%200c0%201.435-.002%202.436-.103%203.192c-.099.734-.28%201.122-.556%201.399c-.277.277-.665.457-1.4.556c-.755.101-1.756.103-3.191.103H9c-1.435%200-2.437-.002-3.192-.103c-.734-.099-1.122-.28-1.399-.556c-.277-.277-.457-.665-.556-1.4c-.101-.755-.103-1.756-.103-3.191%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%22M12.554%202.494a.75.75%200%200%200-1.107%200l-4%204.375A.75.75%200%200%200%208.553%207.88l2.696-2.95V16a.75.75%200%200%200%201.5%200V4.932l2.697%202.95a.75.75%200%201%200%201.107-1.013z%22%2F%3E%3Cpath%20d%3D%22M3.75%2015a.75.75%200%200%200-1.5%200v.055c0%201.367%200%202.47.117%203.337c.12.9.38%201.658.981%202.26c.602.602%201.36.86%202.26.982c.867.116%201.97.116%203.337.116h6.11c1.367%200%202.47%200%203.337-.116c.9-.122%201.658-.38%202.26-.982s.86-1.36.982-2.26c.116-.867.116-1.97.116-3.337V15a.75.75%200%200%200-1.5%200c0%201.435-.002%202.436-.103%203.192c-.099.734-.28%201.122-.556%201.399c-.277.277-.665.457-1.4.556c-.755.101-1.756.103-3.191.103H9c-1.435%200-2.437-.002-3.192-.103c-.734-.099-1.122-.28-1.399-.556c-.277-.277-.457-.665-.556-1.4c-.101-.755-.103-1.756-.103-3.191%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/upload2-filled.svg?color=%231a73e8&size=48
