heroicons + sidekickicons

Backward Bar icon

backward-bar

A bar and two arrows pointing left, for going back to the previous track in a media player.

Component
BackwardBarIcon
Intended size
24×24 px, 1.5 px stroke
Iconset
Sidekickicons
Keywords
previous, back, previous track, rewind, media, music, player, backward

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="M20.8 15.249a.9.9 0 0 1-1.346.782l-5.686-3.249a.9.9 0 0 1 0-1.563l5.686-3.249a.9.9 0 0 1 1.346.781v6.498Zm-7.8 0a.9.9 0 0 1-1.346.782l-5.686-3.249a.9.9 0 0 1 0-1.563l5.686-3.249A.9.9 0 0 1 13 8.752v6.498ZM3.2 8.25v7.5" />
</svg>

Download

backward-bar icon preview

Color

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

Size in pixels

Background

Backward Bar icon in UI elements

Button · Mini

Secondary button · Mini

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

Input · Mini

Navigation · Outline

Previous Previous

Badges · Micro

History

  1. Added in Sidekickicons 0.20.0 .

Related icons

More Sidekickicons