archive up minimlistic icon
archive-up-minimlistic-bold-duotone from Solar by 480 Design · Bold Duotone · CC-BY-4.0 Attribution required.
- Name
- archive-up-minimlistic-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
Related icons in Solar
Use the archive up minimlistic icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2c4.713 0 7.07 0 8.535 1.464c.757.758 1.123 1.754 1.3 3.192V10H2.164V6.656c.176-1.438.541-2.434 1.299-3.192C4.928 2 7.285 2 11.999 2" opacity=".5"/><path fill="currentColor" fill-rule="evenodd" d="M2 14c0-2.8 0-4.2.545-5.27A5 5 0 0 1 4.73 6.545C5.8 6 7.2 6 10 6h4c2.8 0 4.2 0 5.27.545a5 5 0 0 1 2.185 2.185C22 9.8 22 11.2 22 14s0 4.2-.545 5.27a5 5 0 0 1-2.185 2.185C18.2 22 16.8 22 14 22h-4c-2.8 0-4.2 0-5.27-.545a5 5 0 0 1-2.185-2.185C2 18.2 2 16.8 2 14m10.53-3.53a.75.75 0 0 0-1.06 0l-2.5 2.5a.75.75 0 1 0 1.06 1.06l1.22-1.22V17a.75.75 0 0 0 1.5 0v-4.19l1.22 1.22a.75.75 0 1 0 1.06-1.06z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function SolarArchiveUpMinimlisticBoldDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2c4.713 0 7.07 0 8.535 1.464c.757.758 1.123 1.754 1.3 3.192V10H2.164V6.656c.176-1.438.541-2.434 1.299-3.192C4.928 2 7.285 2 11.999 2" opacity=".5"/><path fill="currentColor" fillRule="evenodd" d="M2 14c0-2.8 0-4.2.545-5.27A5 5 0 0 1 4.73 6.545C5.8 6 7.2 6 10 6h4c2.8 0 4.2 0 5.27.545a5 5 0 0 1 2.185 2.185C22 9.8 22 11.2 22 14s0 4.2-.545 5.27a5 5 0 0 1-2.185 2.185C18.2 22 16.8 22 14 22h-4c-2.8 0-4.2 0-5.27-.545a5 5 0 0 1-2.185-2.185C2 18.2 2 16.8 2 14m10.53-3.53a.75.75 0 0 0-1.06 0l-2.5 2.5a.75.75 0 1 0 1.06 1.06l1.22-1.22V17a.75.75 0 0 0 1.5 0v-4.19l1.22 1.22a.75.75 0 1 0 1.06-1.06z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2c4.713 0 7.07 0 8.535 1.464c.757.758 1.123 1.754 1.3 3.192V10H2.164V6.656c.176-1.438.541-2.434 1.299-3.192C4.928 2 7.285 2 11.999 2" opacity=".5"/><path fill="currentColor" fill-rule="evenodd" d="M2 14c0-2.8 0-4.2.545-5.27A5 5 0 0 1 4.73 6.545C5.8 6 7.2 6 10 6h4c2.8 0 4.2 0 5.27.545a5 5 0 0 1 2.185 2.185C22 9.8 22 11.2 22 14s0 4.2-.545 5.27a5 5 0 0 1-2.185 2.185C18.2 22 16.8 22 14 22h-4c-2.8 0-4.2 0-5.27-.545a5 5 0 0 1-2.185-2.185C2 18.2 2 16.8 2 14m10.53-3.53a.75.75 0 0 0-1.06 0l-2.5 2.5a.75.75 0 1 0 1.06 1.06l1.22-1.22V17a.75.75 0 0 0 1.5 0v-4.19l1.22 1.22a.75.75 0 1 0 1.06-1.06z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-archive-up-minimlistic-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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202c4.713%200%207.07%200%208.535%201.464c.757.758%201.123%201.754%201.3%203.192V10H2.164V6.656c.176-1.438.541-2.434%201.299-3.192C4.928%202%207.285%202%2011.999%202%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2%2014c0-2.8%200-4.2.545-5.27A5%205%200%200%201%204.73%206.545C5.8%206%207.2%206%2010%206h4c2.8%200%204.2%200%205.27.545a5%205%200%200%201%202.185%202.185C22%209.8%2022%2011.2%2022%2014s0%204.2-.545%205.27a5%205%200%200%201-2.185%202.185C18.2%2022%2016.8%2022%2014%2022h-4c-2.8%200-4.2%200-5.27-.545a5%205%200%200%201-2.185-2.185C2%2018.2%202%2016.8%202%2014m10.53-3.53a.75.75%200%200%200-1.06%200l-2.5%202.5a.75.75%200%201%200%201.06%201.06l1.22-1.22V17a.75.75%200%200%200%201.5%200v-4.19l1.22%201.22a.75.75%200%201%200%201.06-1.06z%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%20d%3D%22M12%202c4.713%200%207.07%200%208.535%201.464c.757.758%201.123%201.754%201.3%203.192V10H2.164V6.656c.176-1.438.541-2.434%201.299-3.192C4.928%202%207.285%202%2011.999%202%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2%2014c0-2.8%200-4.2.545-5.27A5%205%200%200%201%204.73%206.545C5.8%206%207.2%206%2010%206h4c2.8%200%204.2%200%205.27.545a5%205%200%200%201%202.185%202.185C22%209.8%2022%2011.2%2022%2014s0%204.2-.545%205.27a5%205%200%200%201-2.185%202.185C18.2%2022%2016.8%2022%2014%2022h-4c-2.8%200-4.2%200-5.27-.545a5%205%200%200%201-2.185-2.185C2%2018.2%202%2016.8%202%2014m10.53-3.53a.75.75%200%200%200-1.06%200l-2.5%202.5a.75.75%200%201%200%201.06%201.06l1.22-1.22V17a.75.75%200%200%200%201.5%200v-4.19l1.22%201.22a.75.75%200%201%200%201.06-1.06z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/archive-up-minimlistic-bold-duotone.svg?color=%231a73e8&size=48
