heroicons + sidekickicons

Chart Line Down icon

chart-line-down

A line chart going down, with axes, for losses, declines and falling trends.

Component
ChartLineDownIcon
Intended size
24×24 px, 1.5 px stroke
Iconset
Sidekickicons
Keywords
graph, analytics, statistics, decline, decrease, loss, trend, stocks, down

Code

<svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" data-slot="icon" fill="none" class="size-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 3.75v15a1.5 1.5 0 0 0 1.5 1.5h15M6.75 6l3.75 3.75 3-3a16.5 16.5 0 0 0 6 7.5" />
</svg>

Download

chart-line-down icon preview

Color

Default keeps currentColor in the SVG, so it takes the color of the text around it.

Size in pixels

Background

Chart Line Down icon in UI elements

Button · Mini

Secondary button · Mini

Icon buttons · Mini, and an Outline toggle that turns Solid

Input · Mini

Navigation · Outline

Down 8% Down 8%

Badges · Micro

History

  1. Added in Sidekickicons 0.21.0 .

Related icons

More Sidekickicons