diagram down icon
diagram-down-duotone from Reicon by REICON · Duotone · Business · MIT Free for personal and commercial use.
- Name
- diagram-down-duotone
- Set
- Reicon
- Style
- Duotone
- Category
- Business
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
More business icons from Reicon
Use the diagram down icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2.75 2a.75.75 0 0 0-1.5 0v10.057c0 2.309 0 4.118.19 5.53c.194 1.444.6 2.584 1.494 3.479c.895.895 2.035 1.3 3.48 1.494c1.411.19 3.22.19 5.529.19H22a.75.75 0 0 0 0-1.5H12c-2.378 0-4.086-.002-5.386-.176c-1.279-.172-2.05-.5-2.62-1.069c-.569-.57-.896-1.34-1.068-2.619c-.174-1.3-.176-3.008-.176-5.386z" opacity=".5"/><path d="M6.587 6.534a.75.75 0 1 0-1.174.932l3.133 3.946c.226.284.418.527.59.714c.177.196.373.379.62.51a2.25 2.25 0 0 0 2.033.045c.252-.121.456-.296.642-.483c.179-.18.382-.414.62-.688l.016-.018c.258-.298.428-.493.566-.633c.136-.136.199-.174.227-.187a.75.75 0 0 1 .678.014c.028.015.088.056.218.198c.133.145.294.347.539.656l3.118 3.926a.75.75 0 1 0 1.174-.932l-3.133-3.946c-.226-.284-.418-.527-.589-.714a2.3 2.3 0 0 0-.62-.51a2.25 2.25 0 0 0-2.034-.045a2.4 2.4 0 0 0-.642.483c-.178.18-.381.414-.62.688l-.015.018c-.259.298-.428.493-.567.633c-.136.136-.198.174-.227.188a.75.75 0 0 1-.678-.015a1 1 0 0 1-.218-.198a14 14 0 0 1-.538-.656z"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconDiagramDownDuotone(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="M2.75 2a.75.75 0 0 0-1.5 0v10.057c0 2.309 0 4.118.19 5.53c.194 1.444.6 2.584 1.494 3.479c.895.895 2.035 1.3 3.48 1.494c1.411.19 3.22.19 5.529.19H22a.75.75 0 0 0 0-1.5H12c-2.378 0-4.086-.002-5.386-.176c-1.279-.172-2.05-.5-2.62-1.069c-.569-.57-.896-1.34-1.068-2.619c-.174-1.3-.176-3.008-.176-5.386z" opacity=".5"/><path d="M6.587 6.534a.75.75 0 1 0-1.174.932l3.133 3.946c.226.284.418.527.59.714c.177.196.373.379.62.51a2.25 2.25 0 0 0 2.033.045c.252-.121.456-.296.642-.483c.179-.18.382-.414.62-.688l.016-.018c.258-.298.428-.493.566-.633c.136-.136.199-.174.227-.187a.75.75 0 0 1 .678.014c.028.015.088.056.218.198c.133.145.294.347.539.656l3.118 3.926a.75.75 0 1 0 1.174-.932l-3.133-3.946c-.226-.284-.418-.527-.589-.714a2.3 2.3 0 0 0-.62-.51a2.25 2.25 0 0 0-2.034-.045a2.4 2.4 0 0 0-.642.483c-.178.18-.381.414-.62.688l-.015.018c-.259.298-.428.493-.567.633c-.136.136-.198.174-.227.188a.75.75 0 0 1-.678-.015a1 1 0 0 1-.218-.198a14 14 0 0 1-.538-.656z"/></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="M2.75 2a.75.75 0 0 0-1.5 0v10.057c0 2.309 0 4.118.19 5.53c.194 1.444.6 2.584 1.494 3.479c.895.895 2.035 1.3 3.48 1.494c1.411.19 3.22.19 5.529.19H22a.75.75 0 0 0 0-1.5H12c-2.378 0-4.086-.002-5.386-.176c-1.279-.172-2.05-.5-2.62-1.069c-.569-.57-.896-1.34-1.068-2.619c-.174-1.3-.176-3.008-.176-5.386z" opacity=".5"/><path d="M6.587 6.534a.75.75 0 1 0-1.174.932l3.133 3.946c.226.284.418.527.59.714c.177.196.373.379.62.51a2.25 2.25 0 0 0 2.033.045c.252-.121.456-.296.642-.483c.179-.18.382-.414.62-.688l.016-.018c.258-.298.428-.493.566-.633c.136-.136.199-.174.227-.187a.75.75 0 0 1 .678.014c.028.015.088.056.218.198c.133.145.294.347.539.656l3.118 3.926a.75.75 0 1 0 1.174-.932l-3.133-3.946c-.226-.284-.418-.527-.589-.714a2.3 2.3 0 0 0-.62-.51a2.25 2.25 0 0 0-2.034-.045a2.4 2.4 0 0 0-.642.483c-.178.18-.381.414-.62.688l-.015.018c-.259.298-.428.493-.567.633c-.136.136-.198.174-.227.188a.75.75 0 0 1-.678-.015a1 1 0 0 1-.218-.198a14 14 0 0 1-.538-.656z"/></g></svg> </template>
CSS
.icon-diagram-down-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%22M2.75%202a.75.75%200%200%200-1.5%200v10.057c0%202.309%200%204.118.19%205.53c.194%201.444.6%202.584%201.494%203.479c.895.895%202.035%201.3%203.48%201.494c1.411.19%203.22.19%205.529.19H22a.75.75%200%200%200%200-1.5H12c-2.378%200-4.086-.002-5.386-.176c-1.279-.172-2.05-.5-2.62-1.069c-.569-.57-.896-1.34-1.068-2.619c-.174-1.3-.176-3.008-.176-5.386z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M6.587%206.534a.75.75%200%201%200-1.174.932l3.133%203.946c.226.284.418.527.59.714c.177.196.373.379.62.51a2.25%202.25%200%200%200%202.033.045c.252-.121.456-.296.642-.483c.179-.18.382-.414.62-.688l.016-.018c.258-.298.428-.493.566-.633c.136-.136.199-.174.227-.187a.75.75%200%200%201%20.678.014c.028.015.088.056.218.198c.133.145.294.347.539.656l3.118%203.926a.75.75%200%201%200%201.174-.932l-3.133-3.946c-.226-.284-.418-.527-.589-.714a2.3%202.3%200%200%200-.62-.51a2.25%202.25%200%200%200-2.034-.045a2.4%202.4%200%200%200-.642.483c-.178.18-.381.414-.62.688l-.015.018c-.259.298-.428.493-.567.633c-.136.136-.198.174-.227.188a.75.75%200%200%201-.678-.015a1%201%200%200%201-.218-.198a14%2014%200%200%201-.538-.656z%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%22M2.75%202a.75.75%200%200%200-1.5%200v10.057c0%202.309%200%204.118.19%205.53c.194%201.444.6%202.584%201.494%203.479c.895.895%202.035%201.3%203.48%201.494c1.411.19%203.22.19%205.529.19H22a.75.75%200%200%200%200-1.5H12c-2.378%200-4.086-.002-5.386-.176c-1.279-.172-2.05-.5-2.62-1.069c-.569-.57-.896-1.34-1.068-2.619c-.174-1.3-.176-3.008-.176-5.386z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M6.587%206.534a.75.75%200%201%200-1.174.932l3.133%203.946c.226.284.418.527.59.714c.177.196.373.379.62.51a2.25%202.25%200%200%200%202.033.045c.252-.121.456-.296.642-.483c.179-.18.382-.414.62-.688l.016-.018c.258-.298.428-.493.566-.633c.136-.136.199-.174.227-.187a.75.75%200%200%201%20.678.014c.028.015.088.056.218.198c.133.145.294.347.539.656l3.118%203.926a.75.75%200%201%200%201.174-.932l-3.133-3.946c-.226-.284-.418-.527-.589-.714a2.3%202.3%200%200%200-.62-.51a2.25%202.25%200%200%200-2.034-.045a2.4%202.4%200%200%200-.642.483c-.178.18-.381.414-.62.688l-.015.018c-.259.298-.428.493-.567.633c-.136.136-.198.174-.227.188a.75.75%200%200%201-.678-.015a1%201%200%200%201-.218-.198a14%2014%200%200%201-.538-.656z%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/diagram-down-duotone.svg?color=%231a73e8&size=48
