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.
CustomizeMenu 2 outline
DownloadSvg 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
DownloadSvg 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
DownloadSvg 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
DownloadSvg 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
DownloadSvg 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.
Advertisements
Advertisements