⭐ Can I get Free Tea Bag Icon SVG?

Yes, you can get free Tea Bag SVG icons.

⭐ How to download free Tea Bag Icon SVG code?

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

⭐ How to find the Tea Bag Icon SVG path file?

You can get the Tea Bag SVG file path from the above section.

⭐ What are the colors available for SVG Tea Bag Icon?

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

Tea Bag Icon SVG

Tea Bag

Tea bag SVG Icon Code | Customize color

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

Tea bag

Svg Code

 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 9.5L6 6H11L14 9.5V21H3V9.5Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6 14V18H11V14" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 9H10M8.5 9C8.5 6.23858 11.0131 3 14.2105 3C17.408 3 19 6.23858 19 9M17 9H21V12H17V9Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg>

Tea bag

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="M3 9.5L6 6H11L14 9.5V21H3V9.5Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> <path d="M6 14V18H11V14" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> <path d="M7 9H10M8.5 9C8.5 6.23858 11.0131 3 14.2105 3C17.408 3 19 6.23858 19 9M17 9H21V12H17V9Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> </svg>

Tea bag

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="M3 9.5L6 6H11L14 9.5V21H3V9.5Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> <path d="M6 14V18H11V14" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> <path d="M7 9H10M8.5 9C8.5 6.23858 11.0131 3 14.2105 3C17.408 3 19 6.23858 19 9M17 9H21V12H17V9Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> </svg>

Tea bag

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="M3 9.5L6 6H11L14 9.5V21H3V9.5Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> <path d="M6 14V18H11V14" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> <path d="M7 9H10M8.5 9C8.5 6.23858 11.0131 3 14.2105 3C17.408 3 19 6.23858 19 9M17 9H21V12H17V9Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> </svg>

Tea bag

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="M3 9.5L6 6H11L14 9.5V21H3V9.5Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> <path d="M6 14V18H11V14" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> <path d="M7 9H10M8.5 9C8.5 6.23858 11.0131 3 14.2105 3C17.408 3 19 6.23858 19 9M17 9H21V12H17V9Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> </svg>

Advance Editor

You can edit tea bag as below. Change size color and background color of icon using below tool.

fontawesomeicons.com

Size

Stroke

shapes

Size

Stroke

tab 2 content

Tab 3 content

Tea Bag Icon SVG

Tea Bag

Tea bag SVG Icon Code | Customize color

Tea bag

Svg Code

Tea bag

Svg Code

Tea bag

Svg Code

Tea bag

Svg Code

Tea bag

Svg Code

Advance Editor

Related Icons