Dots Horizontal Square Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Dots Horizontal Square 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/310674.svg" alt="Dots Horizontal Square icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310674.svg" alt="Dots Horizontal Square icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310674.svg" alt="Dots Horizontal Square icon" :width="24" :height="24" />
CSS background
.icon-dots-horizontal-square {
background-image: url('https://proicons.com/icon/310674.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.1514 12C16.1514 12.362 16.4449 12.6555 16.8069 12.6555C17.1689 12.6555 17.4624 12.362 17.4624 12C17.4624 11.638 17.1689 11.3445 16.8069 11.3445C16.4449 11.3445 16.1514 11.638 16.1514 12Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11.3443 12C11.3443 12.362 11.6378 12.6555 11.9998 12.6555C12.3618 12.6555 12.6553 12.362 12.6553 12C12.6553 11.638 12.3618 11.3445 11.9998 11.3445C11.6378 11.3445 11.3443 11.638 11.3443 12Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.53765 12C6.53765 12.362 6.83113 12.6555 7.19314 12.6555C7.55515 12.6555 7.84863 12.362 7.84863 12C7.84863 11.638 7.55515 11.3445 7.19314 11.3445C6.83113 11.3445 6.53765 11.638 6.53765 12Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <rect x="2.75" y="2.75" width="18.5" height="18.5" rx="6" stroke="black" stroke-width="1.5"/> </svg>
Copied!