Menu 2 Outline Icon SVG

Menu 2 Outline


Menu 2 outline SVG Icon Code | Customize color

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

Menu 2 outline

menu-2 Download

Svg Code

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}</style></defs><title>menu-2</title><g id="Layer_2" data-name="Layer 2"><g id="menu-2"><g id="menu-2-2" data-name="menu-2"><rect class="cls-1" width="24" height="24" transform="translate(24 24) rotate(180)"/><circle class="cls-2" cx="4" cy="12" r="1"/><rect class="cls-2" x="7" y="11" width="14" height="2" rx="0.94" ry="0.94"/><rect class="cls-2" x="3" y="16" width="18" height="2" rx="0.94" ry="0.94"/><rect class="cls-2" x="3" y="6" width="18" height="2" rx="0.94" ry="0.94"/></g></g></g></svg>

Menu 2 outline

menu-2 Download

Svg Code

<svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}</style></defs><title>menu-2</title><g id="Layer_2" data-name="Layer 2"><g id="menu-2"><g id="menu-2-2" data-name="menu-2"><rect class="cls-1" width="24" height="24" transform="translate(24 24) rotate(180)"></rect><circle class="cls-2" cx="4" cy="12" r="1"></circle><rect class="cls-2" x="7" y="11" width="14" height="2" rx="0.94" ry="0.94"></rect><rect class="cls-2" x="3" y="16" width="18" height="2" rx="0.94" ry="0.94"></rect><rect class="cls-2" x="3" y="6" width="18" height="2" rx="0.94" ry="0.94"></rect></g></g></g></svg>

Menu 2 outline

menu-2 Download

Svg Code

<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}</style></defs><title>menu-2</title><g id="Layer_2" data-name="Layer 2"><g id="menu-2"><g id="menu-2-2" data-name="menu-2"><rect class="cls-1" width="24" height="24" transform="translate(24 24) rotate(180)"></rect><circle class="cls-2" cx="4" cy="12" r="1"></circle><rect class="cls-2" x="7" y="11" width="14" height="2" rx="0.94" ry="0.94"></rect><rect class="cls-2" x="3" y="16" width="18" height="2" rx="0.94" ry="0.94"></rect><rect class="cls-2" x="3" y="6" width="18" height="2" rx="0.94" ry="0.94"></rect></g></g></g></svg>

Menu 2 outline

menu-2 Download

Svg Code

<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}</style></defs><title>menu-2</title><g id="Layer_2" data-name="Layer 2"><g id="menu-2"><g id="menu-2-2" data-name="menu-2"><rect class="cls-1" width="24" height="24" transform="translate(24 24) rotate(180)"></rect><circle class="cls-2" cx="4" cy="12" r="1"></circle><rect class="cls-2" x="7" y="11" width="14" height="2" rx="0.94" ry="0.94"></rect><rect class="cls-2" x="3" y="16" width="18" height="2" rx="0.94" ry="0.94"></rect><rect class="cls-2" x="3" y="6" width="18" height="2" rx="0.94" ry="0.94"></rect></g></g></g></svg>

Menu 2 outline

menu-2 Download

Svg Code

<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}</style></defs><title>menu-2</title><g id="Layer_2" data-name="Layer 2"><g id="menu-2"><g id="menu-2-2" data-name="menu-2"><rect class="cls-1" width="24" height="24" transform="translate(24 24) rotate(180)"></rect><circle class="cls-2" cx="4" cy="12" r="1"></circle><rect class="cls-2" x="7" y="11" width="14" height="2" rx="0.94" ry="0.94"></rect><rect class="cls-2" x="3" y="16" width="18" height="2" rx="0.94" ry="0.94"></rect><rect class="cls-2" x="3" y="6" width="18" height="2" rx="0.94" ry="0.94"></rect></g></g></g></svg>


Advance Editor

You can edit menu 2 outline as below. Change size color and background color of icon using below tool.

fontawesomeicons.com
menu-2
Size
Stroke

Size
Stroke
tab 2 content
Tab 3 content





Advertisements





Advertisements

You may like these icons


Looking For More Icons?