New Tab Icon SVG

New Tab


New tab SVG Icon Code | Customize color

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

New tab

Download

Svg Code

<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2 19V5C2 3.89543 2.89543 3 4 3H20C21.1046 3 22 3.89543 22 5V19C22 20.1046 21.1046 21 20 21H4C2.89543 21 2 20.1046 2 19Z" stroke="currentColor" /> <path d="M2 7L22 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 14H12M15 14H12M12 14V11M12 14V17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg>

New tab

Download

Svg Code

<svg style="color: white" width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2 19V5C2 3.89543 2.89543 3 4 3H20C21.1046 3 22 3.89543 22 5V19C22 20.1046 21.1046 21 20 21H4C2.89543 21 2 20.1046 2 19Z" stroke="currentColor" fill="white"></path> <path d="M2 7L22 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> <path d="M9 14H12M15 14H12M12 14V11M12 14V17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> </svg>

New tab

Download

Svg Code

<svg style="color: red" width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2 19V5C2 3.89543 2.89543 3 4 3H20C21.1046 3 22 3.89543 22 5V19C22 20.1046 21.1046 21 20 21H4C2.89543 21 2 20.1046 2 19Z" stroke="currentColor" fill="red"></path> <path d="M2 7L22 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> <path d="M9 14H12M15 14H12M12 14V11M12 14V17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> </svg>

New tab

Download

Svg Code

<svg style="color: blue" width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2 19V5C2 3.89543 2.89543 3 4 3H20C21.1046 3 22 3.89543 22 5V19C22 20.1046 21.1046 21 20 21H4C2.89543 21 2 20.1046 2 19Z" stroke="currentColor" fill="blue"></path> <path d="M2 7L22 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> <path d="M9 14H12M15 14H12M12 14V11M12 14V17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> </svg>

New tab

Download

Svg Code

<svg style="color: #f3da35" width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2 19V5C2 3.89543 2.89543 3 4 3H20C21.1046 3 22 3.89543 22 5V19C22 20.1046 21.1046 21 20 21H4C2.89543 21 2 20.1046 2 19Z" stroke="currentColor" fill="#f3da35"></path> <path d="M2 7L22 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> <path d="M9 14H12M15 14H12M12 14V11M12 14V17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> </svg>


Advance Editor

You can edit new tab 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?