D Menu Icon

Free SVG icon from the Arcticons collection. Download or copy for use in any project.

Collection: Arcticons
Format: SVG, PNG
License: CC BY-SA 4.0 - Free for commercial use
Tags: menu hamburger navigation list sidebar

The D Menu icon is commonly used in navigation bars, sidebars and mobile headers. Available as a free SVG - copy the code or download directly.

img tag

<img src="https://proicons.com/icon/324230.svg" alt="D Menu icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/324230.svg" alt="D Menu icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/324230.svg"
  alt="D Menu icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-d-menu {
  background-image: url('https://proicons.com/icon/324230.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>.f{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}</style></defs><rect class="f" x="7.9998" y="7.4998" width="31" height="31" rx="4" ry="4"/><path class="f" d="M38.3108,9.2498h.1894c2.216,0,4,1.784,4,4v23c0,2.216-1.784,4-4,4H15.5002c-1.3805,0-2.5933-.6923-3.3116-1.7502"/><path class="f" d="M8.4531,36.3627c-1.7051-.4579-2.9533-2.0092-2.9533-3.8628V9.4999c0-2.216,1.784-4,4-4h23c1.5438,0,2.8779.8658,3.5452,2.1403"/><path class="f" d="M39.1248,40.1988c-.6366,1.362-2.017,2.3013-3.6249,2.3013H12.4999c-2.216,0-4-1.784-4-4v-2.0586"/><path class="f" d="M28.5588,24.6637c0-2.6253-2.2651-4.7534-5.0594-4.7534s-5.0594,2.1281-5.0594,4.7534v3.0897c0,2.6253,2.2651,4.7534,5.0594,4.7534s5.0594-2.1281,5.0594-4.7534"/><line class="f" x1="28.5588" y1="32.5068" x2="28.5588" y2="13.4928"/></svg>

Copied!

D Menu Icon

More from Arcticons