chart line down icon

chart-line-down from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.

Name
chart-line-down
Set
Phosphor
Style
Regular
Viewbox
256×256
License
MIT

5 other variants in Phosphor

chart-line-down-boldchart-line-down-duotonechart-line-down-fillchart-line-down-lightchart-line-down-thin

The same icon in other sets

chart-line-down-outlineFlowbite Icons

Related icons in Phosphor

chart-barchart-bar-horizontalchart-donutchart-linechart-line-upchart-piechart-pie-slicechart-polarchart-scatter

Use the chart line down icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M232 208a8 8 0 0 1-8 8H32a8 8 0 0 1-8-8V48a8 8 0 0 1 16 0v12.69l56 56l26.34-26.35a8 8 0 0 1 11.32 0L192 148.69V128a8 8 0 0 1 16 0v40a7 7 0 0 1 0 .8c0 .11 0 .21-.05.32s0 .3-.07.46a3 3 0 0 1-.09.37c0 .13-.06.26-.1.39s-.08.23-.12.35l-.14.39l-.15.31c-.06.13-.12.27-.19.4s-.11.18-.16.28l-.24.39l-.21.28l-.26.35c-.11.14-.24.27-.36.4l-.16.18l-.17.15a5 5 0 0 1-.42.37a4 4 0 0 1-.32.25l-.3.22l-.38.23a3 3 0 0 1-.3.17l-.37.19l-.34.15l-.36.13a3 3 0 0 1-.38.13l-.36.1c-.14 0-.26.07-.4.09l-.42.07l-.35.05a7 7 0 0 1-.79 0H160a8 8 0 0 1 0-16h20.69L128 107.31l-26.34 26.35a8 8 0 0 1-11.32 0L40 83.31V200h184a8 8 0 0 1 8 8"/></svg>

React

import type { SVGProps } from "react";

export function PhChartLineDown(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M232 208a8 8 0 0 1-8 8H32a8 8 0 0 1-8-8V48a8 8 0 0 1 16 0v12.69l56 56l26.34-26.35a8 8 0 0 1 11.32 0L192 148.69V128a8 8 0 0 1 16 0v40a7 7 0 0 1 0 .8c0 .11 0 .21-.05.32s0 .3-.07.46a3 3 0 0 1-.09.37c0 .13-.06.26-.1.39s-.08.23-.12.35l-.14.39l-.15.31c-.06.13-.12.27-.19.4s-.11.18-.16.28l-.24.39l-.21.28l-.26.35c-.11.14-.24.27-.36.4l-.16.18l-.17.15a5 5 0 0 1-.42.37a4 4 0 0 1-.32.25l-.3.22l-.38.23a3 3 0 0 1-.3.17l-.37.19l-.34.15l-.36.13a3 3 0 0 1-.38.13l-.36.1c-.14 0-.26.07-.4.09l-.42.07l-.35.05a7 7 0 0 1-.79 0H160a8 8 0 0 1 0-16h20.69L128 107.31l-26.34 26.35a8 8 0 0 1-11.32 0L40 83.31V200h184a8 8 0 0 1 8 8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M232 208a8 8 0 0 1-8 8H32a8 8 0 0 1-8-8V48a8 8 0 0 1 16 0v12.69l56 56l26.34-26.35a8 8 0 0 1 11.32 0L192 148.69V128a8 8 0 0 1 16 0v40a7 7 0 0 1 0 .8c0 .11 0 .21-.05.32s0 .3-.07.46a3 3 0 0 1-.09.37c0 .13-.06.26-.1.39s-.08.23-.12.35l-.14.39l-.15.31c-.06.13-.12.27-.19.4s-.11.18-.16.28l-.24.39l-.21.28l-.26.35c-.11.14-.24.27-.36.4l-.16.18l-.17.15a5 5 0 0 1-.42.37a4 4 0 0 1-.32.25l-.3.22l-.38.23a3 3 0 0 1-.3.17l-.37.19l-.34.15l-.36.13a3 3 0 0 1-.38.13l-.36.1c-.14 0-.26.07-.4.09l-.42.07l-.35.05a7 7 0 0 1-.79 0H160a8 8 0 0 1 0-16h20.69L128 107.31l-26.34 26.35a8 8 0 0 1-11.32 0L40 83.31V200h184a8 8 0 0 1 8 8"/></svg>
</template>

CSS

.icon-chart-line-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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M232%20208a8%208%200%200%201-8%208H32a8%208%200%200%201-8-8V48a8%208%200%200%201%2016%200v12.69l56%2056l26.34-26.35a8%208%200%200%201%2011.32%200L192%20148.69V128a8%208%200%200%201%2016%200v40a7%207%200%200%201%200%20.8c0%20.11%200%20.21-.05.32s0%20.3-.07.46a3%203%200%200%201-.09.37c0%20.13-.06.26-.1.39s-.08.23-.12.35l-.14.39l-.15.31c-.06.13-.12.27-.19.4s-.11.18-.16.28l-.24.39l-.21.28l-.26.35c-.11.14-.24.27-.36.4l-.16.18l-.17.15a5%205%200%200%201-.42.37a4%204%200%200%201-.32.25l-.3.22l-.38.23a3%203%200%200%201-.3.17l-.37.19l-.34.15l-.36.13a3%203%200%200%201-.38.13l-.36.1c-.14%200-.26.07-.4.09l-.42.07l-.35.05a7%207%200%200%201-.79%200H160a8%208%200%200%201%200-16h20.69L128%20107.31l-26.34%2026.35a8%208%200%200%201-11.32%200L40%2083.31V200h184a8%208%200%200%201%208%208%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M232%20208a8%208%200%200%201-8%208H32a8%208%200%200%201-8-8V48a8%208%200%200%201%2016%200v12.69l56%2056l26.34-26.35a8%208%200%200%201%2011.32%200L192%20148.69V128a8%208%200%200%201%2016%200v40a7%207%200%200%201%200%20.8c0%20.11%200%20.21-.05.32s0%20.3-.07.46a3%203%200%200%201-.09.37c0%20.13-.06.26-.1.39s-.08.23-.12.35l-.14.39l-.15.31c-.06.13-.12.27-.19.4s-.11.18-.16.28l-.24.39l-.21.28l-.26.35c-.11.14-.24.27-.36.4l-.16.18l-.17.15a5%205%200%200%201-.42.37a4%204%200%200%201-.32.25l-.3.22l-.38.23a3%203%200%200%201-.3.17l-.37.19l-.34.15l-.36.13a3%203%200%200%201-.38.13l-.36.1c-.14%200-.26.07-.4.09l-.42.07l-.35.05a7%207%200%200%201-.79%200H160a8%208%200%200%201%200-16h20.69L128%20107.31l-26.34%2026.35a8%208%200%200%201-11.32%200L40%2083.31V200h184a8%208%200%200%201%208%208%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/chart-line-down.svg?color=%231a73e8&size=48