2 Years of Cal ID Pro — FREE (#1   Free Calendly Alternative)

Team features worth $1440 free
12
Days
:
23
Hrs
:
41
Mins
:
06
Secs
100% OFF
Teams
$0
$1,440 Value
  • Remove "Powered By" Branding
  • Unlimited Everything
  • Accept Payments
Get Access Now

No credit card required

Sidebar Collapse Icon SVG

Sidebar Collapse


Sidebar collapse SVG Icon Code | Customize color

You can get svg icon sidebar collapse in blue, white, red color and transparent color from below list. You can also customize color using color picker.

Sidebar collapse

Download

Svg Code

<svg width="24" stroke-width="1.5" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 21L5 21C3.89543 21 3 20.1046 3 19L3 5C3 3.89543 3.89543 3 5 3L19 3C20.1046 3 21 3.89543 21 5L21 19C21 20.1046 20.1046 21 19 21Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.25 10L5.5 12L7.25 14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.5 21V3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg>

Sidebar collapse

Download

Svg Code

<svg style='color: white' width="24" stroke-width="1.5" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 21L5 21C3.89543 21 3 20.1046 3 19L3 5C3 3.89543 3.89543 3 5 3L19 3C20.1046 3 21 3.89543 21 5L21 19C21 20.1046 20.1046 21 19 21Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.25 10L5.5 12L7.25 14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.5 21V3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg>

Sidebar collapse

Download

Svg Code

<svg style='color: red' width="24" stroke-width="1.5" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 21L5 21C3.89543 21 3 20.1046 3 19L3 5C3 3.89543 3.89543 3 5 3L19 3C20.1046 3 21 3.89543 21 5L21 19C21 20.1046 20.1046 21 19 21Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.25 10L5.5 12L7.25 14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.5 21V3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg>

Sidebar collapse

Download

Svg Code

<svg style='color: blue' width="24" stroke-width="1.5" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 21L5 21C3.89543 21 3 20.1046 3 19L3 5C3 3.89543 3.89543 3 5 3L19 3C20.1046 3 21 3.89543 21 5L21 19C21 20.1046 20.1046 21 19 21Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.25 10L5.5 12L7.25 14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.5 21V3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg>

Sidebar collapse

Download

Svg Code

<svg style='color: #f3da35' width="24" stroke-width="1.5" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 21L5 21C3.89543 21 3 20.1046 3 19L3 5C3 3.89543 3.89543 3 5 3L19 3C20.1046 3 21 3.89543 21 5L21 19C21 20.1046 20.1046 21 19 21Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.25 10L5.5 12L7.25 14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.5 21V3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg>


Advance Editor

You can edit sidebar collapse as below. Change size color and background color of icon using below tool.

fontawesomeicons.com
Size
Stroke

Size
Stroke
tab 2 content
Tab 3 content





Advertisements





Advertisements

You may like these icons


Looking For More Icons?