archive down minimlistic icon
archive-down-minimlistic-bold from Solar by 480 Design · Bold · CC-BY-4.0 Attribution required.
- Name
- archive-down-minimlistic-bold
- Set
- Solar
- Style
- Bold
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
Related icons in Solar
Use the archive down minimlistic icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.535 3.464C19.07 2 16.713 2 11.999 2S4.93 2 3.464 3.464c-.758.758-1.123 1.754-1.3 3.192a6.5 6.5 0 0 1 1.884-1.448c.782-.398 1.619-.56 2.545-.635C7.488 4.5 8.59 4.5 9.936 4.5h4.126c1.347 0 2.448 0 3.343.073c.927.076 1.764.237 2.545.635a6.5 6.5 0 0 1 1.884 1.448c-.176-1.438-.542-2.434-1.3-3.192"/><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 1-1.06 0l-2.5-2.5a.75.75 0 1 1 1.06-1.06l1.22 1.22V11a.75.75 0 0 1 1.5 0v4.19l1.22-1.22a.75.75 0 1 1 1.06 1.06z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function SolarArchiveDownMinimlisticBold(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="M20.535 3.464C19.07 2 16.713 2 11.999 2S4.93 2 3.464 3.464c-.758.758-1.123 1.754-1.3 3.192a6.5 6.5 0 0 1 1.884-1.448c.782-.398 1.619-.56 2.545-.635C7.488 4.5 8.59 4.5 9.936 4.5h4.126c1.347 0 2.448 0 3.343.073c.927.076 1.764.237 2.545.635a6.5 6.5 0 0 1 1.884 1.448c-.176-1.438-.542-2.434-1.3-3.192"/><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 1-1.06 0l-2.5-2.5a.75.75 0 1 1 1.06-1.06l1.22 1.22V11a.75.75 0 0 1 1.5 0v4.19l1.22-1.22a.75.75 0 1 1 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="M20.535 3.464C19.07 2 16.713 2 11.999 2S4.93 2 3.464 3.464c-.758.758-1.123 1.754-1.3 3.192a6.5 6.5 0 0 1 1.884-1.448c.782-.398 1.619-.56 2.545-.635C7.488 4.5 8.59 4.5 9.936 4.5h4.126c1.347 0 2.448 0 3.343.073c.927.076 1.764.237 2.545.635a6.5 6.5 0 0 1 1.884 1.448c-.176-1.438-.542-2.434-1.3-3.192"/><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 1-1.06 0l-2.5-2.5a.75.75 0 1 1 1.06-1.06l1.22 1.22V11a.75.75 0 0 1 1.5 0v4.19l1.22-1.22a.75.75 0 1 1 1.06 1.06z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-archive-down-minimlistic-bold {
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%22M20.535%203.464C19.07%202%2016.713%202%2011.999%202S4.93%202%203.464%203.464c-.758.758-1.123%201.754-1.3%203.192a6.5%206.5%200%200%201%201.884-1.448c.782-.398%201.619-.56%202.545-.635C7.488%204.5%208.59%204.5%209.936%204.5h4.126c1.347%200%202.448%200%203.343.073c.927.076%201.764.237%202.545.635a6.5%206.5%200%200%201%201.884%201.448c-.176-1.438-.542-2.434-1.3-3.192%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%203.53a.75.75%200%200%201-1.06%200l-2.5-2.5a.75.75%200%201%201%201.06-1.06l1.22%201.22V11a.75.75%200%200%201%201.5%200v4.19l1.22-1.22a.75.75%200%201%201%201.06%201.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%22M20.535%203.464C19.07%202%2016.713%202%2011.999%202S4.93%202%203.464%203.464c-.758.758-1.123%201.754-1.3%203.192a6.5%206.5%200%200%201%201.884-1.448c.782-.398%201.619-.56%202.545-.635C7.488%204.5%208.59%204.5%209.936%204.5h4.126c1.347%200%202.448%200%203.343.073c.927.076%201.764.237%202.545.635a6.5%206.5%200%200%201%201.884%201.448c-.176-1.438-.542-2.434-1.3-3.192%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%203.53a.75.75%200%200%201-1.06%200l-2.5-2.5a.75.75%200%201%201%201.06-1.06l1.22%201.22V11a.75.75%200%200%201%201.5%200v4.19l1.22-1.22a.75.75%200%201%201%201.06%201.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-down-minimlistic-bold.svg?color=%231a73e8&size=48
