Dotty Icon Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Dotty Icon 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/324692.svg" alt="Dotty Icon icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/324692.svg" alt="Dotty Icon icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/324692.svg" alt="Dotty Icon icon" :width="24" :height="24" />
CSS background
.icon-dotty-icon {
background-image: url('https://proicons.com/icon/324692.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>.d{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path id="c" class="d" d="M38.5,5.5H9.5c-2.2091,0-4,1.7909-4,4v29c0,2.2091,1.7909,4,4,4h29c2.2091,0,4-1.7909,4-4V9.5c0-2.2091-1.7909-4-4-4Z"/><path class="d" d="M29.4504,29.0021v3.4456c0,1.4096-1.1427,2.5523-2.5523,2.5523h0c-.7048,0-1.3429-.2856-1.8048-.7476"/><path class="d" d="M29.4504,24.7907v4.2113c0,1.4096-1.1427,2.5523-2.5523,2.5523h0c-1.4097,0-2.5523-1.1427-2.5523-2.5523v-4.2113"/><path class="d" d="M20.043,24.7907v8.7403c0,.8113.6576,1.469,1.469,1.469h.4407"/><line class="d" x1="18.5006" y1="27.2145" x2="21.5854" y2="27.2145"/><path class="d" d="M32.1319,12v8.7403c0,.8113.6576,1.469,1.469,1.469h.4407"/><line class="d" x1="30.5895" y1="14.4238" x2="33.6742" y2="14.4238"/><path class="d" d="M19.2407,17.9979c0-1.4096-1.1427-2.5523-2.5523-2.5523h0c-1.4096,0-2.5523,1.1427-2.5523,2.5523v1.659c0,1.4096,1.1427,2.5523,2.5523,2.5523h0c1.4096,0,2.5523-1.1427,2.5523-2.5523"/><line class="d" x1="19.2407" y1="22.2093" x2="19.2407" y2="12"/><rect class="d" x="21.7168" y="12" width="6.7636" height="10.2093" rx="3.3818" ry="3.3818"/></svg>
More from Arcticons
View all
Copied!