Navicon Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Navicon icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/344562.svg" alt="Navicon icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/344562.svg" alt="Navicon icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/344562.svg" alt="Navicon icon" :width="24" :height="24" />
CSS background
.icon-navicon {
background-image: url('https://proicons.com/icon/344562.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?><svg id="b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.i{stroke-width:1px;}.i,.j{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}.j{stroke-width:1px;}</style></defs><rect id="f" class="i" x="18.0619" y="18.6202" width="7.7038" height="7.6854" rx="1.9952" ry="1.9952"/><circle id="g" class="j" cx="12.5054" cy="31.6979" r="3.5947"/><circle id="h" class="j" cx="31.4309" cy="31.7169" r="3.5947"/><path class="j" d="M7.0368,32.4078c-1.5509-1.2427-2.5368-3.1428-2.5368-5.2791,0-3.7385,3.0401-6.7786,6.7786-6.7786.113,0,.226.0103.3389.0205.7703-4.365,4.5704-7.6824,9.1613-7.6824,3.2455,0,6.111,1.6741,7.7748,4.2007.4827-.1335.9962-.2054,1.5303-.2054,2.7422,0,5.0531,1.8692,5.731,4.3958,2.4136.5135,4.2315,2.6601,4.2315,5.2277,0,1.0681-.3081,2.0541-.8627,2.8963l.0051.0032s1.1993.9725,4.3113.7134c-1.2074,1.699-3.1696,3.717-6.8654,3.6247l.002.0032c.2054-.5752.3184-1.2017.3184-1.8487,0-.1849-.0103-.3595-.0308-.5443-.267-2.7936-2.6293-4.9812-5.4947-4.9812-3.0504,0-5.5153,2.4752-5.5153,5.5256,0,.7087.1335,1.3865.38,2.013h-8.6478c.2465-.6265.38-1.3044.38-2.013,0-3.0504-2.4752-5.5256-5.5256-5.5256-3.0401,0-5.5153,2.4752-5.5153,5.5256,0,.2362.0103.4724.0514.7087Z"/></svg>
More from Arcticons
View all
Copied!