heroicons + sidekickicons

Forward Bar icon

forward-bar

Two arrows and a bar pointing right, for skipping to the next track in a media player.

Component
ForwardBarIcon
Intended size
24×24 px, 1.5 px stroke
Iconset
Sidekickicons
Keywords
next, skip, next track, media, music, player, forward, fast forward

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.2 8.751a.9.9 0 0 1 1.346-.782l5.686 3.249a.9.9 0 0 1 0 1.563L4.546 16.03a.9.9 0 0 1-1.346-.781V8.752Zm7.8 0a.9.9 0 0 1 1.346-.782l5.686 3.249a.9.9 0 0 1 0 1.563l-5.686 3.249A.9.9 0 0 1 11 15.248V8.752Zm9.8-.501v7.5" />
</svg>

Download

forward-bar icon preview

Color

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

Size in pixels

Background

Forward Bar icon in UI elements

Button · Mini

Secondary button · Mini

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

Input · Mini

Navigation · Outline

Up next Up next

Badges · Micro

History

  1. Added in Sidekickicons 0.20.0 .

Related icons

More Sidekickicons