Dots Square Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Dots 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/310677.svg" alt="Dots Square icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310677.svg" alt="Dots Square icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310677.svg" alt="Dots Square icon" :width="24" :height="24" />
CSS background
.icon-dots-square {
background-image: url('https://proicons.com/icon/310677.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="M12.0002 7.84858C12.3622 7.84858 12.6557 7.55511 12.6557 7.19309C12.6557 6.83107 12.3622 6.5376 12.0002 6.5376C11.6382 6.5376 11.3447 6.83107 11.3447 7.19309C11.3447 7.55511 11.6382 7.84858 12.0002 7.84858Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.0002 12.6555C12.3622 12.6555 12.6557 12.362 12.6557 12C12.6557 11.638 12.3622 11.3445 12.0002 11.3445C11.6382 11.3445 11.3447 11.638 11.3447 12C11.3447 12.362 11.6382 12.6555 12.0002 12.6555Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.0002 17.4624C12.3622 17.4624 12.6557 17.1689 12.6557 16.8069C12.6557 16.4449 12.3622 16.1514 12.0002 16.1514C11.6382 16.1514 11.3447 16.4449 11.3447 16.8069C11.3447 17.1689 11.6382 17.4624 12.0002 17.4624Z" 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>
More from Mage Icons
View all
Dots Square in other icon packs
Copied!