diagram down icon
diagram-down from Reicon by REICON · Outline · Business · MIT Free for personal and commercial use.
- Name
- diagram-down
- Set
- Reicon
- Style
- Outline
- 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"/><path d="M19.588 14.534a.75.75 0 1 1-1.175.932l-3.118-3.926c-.245-.309-.406-.51-.539-.656c-.13-.143-.19-.183-.218-.198a.75.75 0 0 0-.678-.014c-.028.013-.09.05-.227.187c-.138.14-.308.335-.566.633l-.017.018c-.237.274-.44.508-.62.688a2.3 2.3 0 0 1-.64.483a2.25 2.25 0 0 1-2.035-.044a2.3 2.3 0 0 1-.62-.51c-.17-.188-.363-.43-.589-.715L5.413 7.466a.75.75 0 0 1 1.174-.932l3.119 3.926c.245.309.406.51.538.656c.13.143.19.183.218.198a.75.75 0 0 0 .678.014c.029-.013.091-.05.227-.187c.139-.14.308-.335.567-.633l.016-.018c.238-.274.44-.508.62-.688c.185-.187.389-.362.64-.483a2.25 2.25 0 0 1 2.035.044c.247.132.442.316.62.51c.17.188.363.43.59.715z"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconDiagramDown(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"/><path d="M19.588 14.534a.75.75 0 1 1-1.175.932l-3.118-3.926c-.245-.309-.406-.51-.539-.656c-.13-.143-.19-.183-.218-.198a.75.75 0 0 0-.678-.014c-.028.013-.09.05-.227.187c-.138.14-.308.335-.566.633l-.017.018c-.237.274-.44.508-.62.688a2.3 2.3 0 0 1-.64.483a2.25 2.25 0 0 1-2.035-.044a2.3 2.3 0 0 1-.62-.51c-.17-.188-.363-.43-.589-.715L5.413 7.466a.75.75 0 0 1 1.174-.932l3.119 3.926c.245.309.406.51.538.656c.13.143.19.183.218.198a.75.75 0 0 0 .678.014c.029-.013.091-.05.227-.187c.139-.14.308-.335.567-.633l.016-.018c.238-.274.44-.508.62-.688c.185-.187.389-.362.64-.483a2.25 2.25 0 0 1 2.035.044c.247.132.442.316.62.51c.17.188.363.43.59.715z"/></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"/><path d="M19.588 14.534a.75.75 0 1 1-1.175.932l-3.118-3.926c-.245-.309-.406-.51-.539-.656c-.13-.143-.19-.183-.218-.198a.75.75 0 0 0-.678-.014c-.028.013-.09.05-.227.187c-.138.14-.308.335-.566.633l-.017.018c-.237.274-.44.508-.62.688a2.3 2.3 0 0 1-.64.483a2.25 2.25 0 0 1-2.035-.044a2.3 2.3 0 0 1-.62-.51c-.17-.188-.363-.43-.589-.715L5.413 7.466a.75.75 0 0 1 1.174-.932l3.119 3.926c.245.309.406.51.538.656c.13.143.19.183.218.198a.75.75 0 0 0 .678.014c.029-.013.091-.05.227-.187c.139-.14.308-.335.567-.633l.016-.018c.238-.274.44-.508.62-.688c.185-.187.389-.362.64-.483a2.25 2.25 0 0 1 2.035.044c.247.132.442.316.62.51c.17.188.363.43.59.715z"/></g></svg> </template>
CSS
.icon-diagram-down {
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%2F%3E%3Cpath%20d%3D%22M19.588%2014.534a.75.75%200%201%201-1.175.932l-3.118-3.926c-.245-.309-.406-.51-.539-.656c-.13-.143-.19-.183-.218-.198a.75.75%200%200%200-.678-.014c-.028.013-.09.05-.227.187c-.138.14-.308.335-.566.633l-.017.018c-.237.274-.44.508-.62.688a2.3%202.3%200%200%201-.64.483a2.25%202.25%200%200%201-2.035-.044a2.3%202.3%200%200%201-.62-.51c-.17-.188-.363-.43-.589-.715L5.413%207.466a.75.75%200%200%201%201.174-.932l3.119%203.926c.245.309.406.51.538.656c.13.143.19.183.218.198a.75.75%200%200%200%20.678.014c.029-.013.091-.05.227-.187c.139-.14.308-.335.567-.633l.016-.018c.238-.274.44-.508.62-.688c.185-.187.389-.362.64-.483a2.25%202.25%200%200%201%202.035.044c.247.132.442.316.62.51c.17.188.363.43.59.715z%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%2F%3E%3Cpath%20d%3D%22M19.588%2014.534a.75.75%200%201%201-1.175.932l-3.118-3.926c-.245-.309-.406-.51-.539-.656c-.13-.143-.19-.183-.218-.198a.75.75%200%200%200-.678-.014c-.028.013-.09.05-.227.187c-.138.14-.308.335-.566.633l-.017.018c-.237.274-.44.508-.62.688a2.3%202.3%200%200%201-.64.483a2.25%202.25%200%200%201-2.035-.044a2.3%202.3%200%200%201-.62-.51c-.17-.188-.363-.43-.589-.715L5.413%207.466a.75.75%200%200%201%201.174-.932l3.119%203.926c.245.309.406.51.538.656c.13.143.19.183.218.198a.75.75%200%200%200%20.678.014c.029-.013.091-.05.227-.187c.139-.14.308-.335.567-.633l.016-.018c.238-.274.44-.508.62-.688c.185-.187.389-.362.64-.483a2.25%202.25%200%200%201%202.035.044c.247.132.442.316.62.51c.17.188.363.43.59.715z%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.svg?color=%231a73e8&size=48
