Nametag Icon SVG

Icon Nametag SVG code/vector file is given below and you can use that in websites, apps (Android/IOS), ppt, and other projects. You can use our svg code generator to edit svg icon. Icon can be customized in any color or size using color and size picker.

Nametag Icon Svg Code | Path | Download

Download free Nametag SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Nametag Icon SVG code in HTML/Css from below.

Nametag


Nametag SVG Icon Code | Customize color

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

Nametag

Download

Svg Code

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M4 14V20H10V18H6V14H4Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M9 9V15H15V9H9ZM13 11H11V13H13V11Z" fill="currentColor" /> <path d="M4 10V4H10V6H6V10H4Z" fill="currentColor" /> <path d="M20 10V4H14V6H18V10H20Z" fill="currentColor" /> <path d="M20 14V20H14V18H18V14H20Z" fill="currentColor" /> </svg>

Nametag

Download

Svg Code

<svg style='color: white' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M4 14V20H10V18H6V14H4Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M9 9V15H15V9H9ZM13 11H11V13H13V11Z" fill="currentColor" /> <path d="M4 10V4H10V6H6V10H4Z" fill="currentColor" /> <path d="M20 10V4H14V6H18V10H20Z" fill="currentColor" /> <path d="M20 14V20H14V18H18V14H20Z" fill="currentColor" /> </svg>

Nametag

Download

Svg Code

<svg style='color: red' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M4 14V20H10V18H6V14H4Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M9 9V15H15V9H9ZM13 11H11V13H13V11Z" fill="currentColor" /> <path d="M4 10V4H10V6H6V10H4Z" fill="currentColor" /> <path d="M20 10V4H14V6H18V10H20Z" fill="currentColor" /> <path d="M20 14V20H14V18H18V14H20Z" fill="currentColor" /> </svg>

Nametag

Download

Svg Code

<svg style='color: blue' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M4 14V20H10V18H6V14H4Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M9 9V15H15V9H9ZM13 11H11V13H13V11Z" fill="currentColor" /> <path d="M4 10V4H10V6H6V10H4Z" fill="currentColor" /> <path d="M20 10V4H14V6H18V10H20Z" fill="currentColor" /> <path d="M20 14V20H14V18H18V14H20Z" fill="currentColor" /> </svg>

Nametag

Download

Svg Code

<svg style='color: #f3da35' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M4 14V20H10V18H6V14H4Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M9 9V15H15V9H9ZM13 11H11V13H13V11Z" fill="currentColor" /> <path d="M4 10V4H10V6H6V10H4Z" fill="currentColor" /> <path d="M20 10V4H14V6H18V10H20Z" fill="currentColor" /> <path d="M20 14V20H14V18H18V14H20Z" fill="currentColor" /> </svg>


Advance Editor

You can edit nametag 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



Related Icons

Nametag Icon SVG - Faq(s)?

⭐Can I get Free Nametag Icon SVG?

Yes, you can get free Nametag SVG icons.

⭐ How to download free Nametag Icon SVG code?

To download free Nametag icons in SVG code click on the copy code button.

⭐How to find the Nametag Icon SVG path file?

You can get the Nametag SVG file path from the above section.

⭐ What are the colors available for SVG Nametag Icon?

You can check the Nametag SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.



Advertisements

You may like these icons


Looking For More Icons?