Flatastic Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Flatastic 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/340516.svg" alt="Flatastic icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/340516.svg" alt="Flatastic icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/340516.svg" alt="Flatastic icon" :width="24" :height="24" />
CSS background
.icon-flatastic {
background-image: url('https://proicons.com/icon/340516.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="a" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 48 48">
<defs>
<style>
.cls-1 {
fill: none;
stroke:#fff;
stroke-linecap: round;
stroke-linejoin: round;
}
</style>
</defs>
<path class="cls-1" d="M29.7,13.3v21.6c0,2,1.6,3.6,3.6,3.6h1.1"/>
<path class="cls-1" d="M17.8,38.5V14.6c0-2.8,2.3-5.1,5.1-5.1h0c.5,0,1.1,0,1.6.1"/>
<line class="cls-1" x1="13.6" y1="19.3" x2="33.5" y2="19.3"/>
<rect class="cls-1" x="8.5" y="4.5" width="31" height="39" rx="4" ry="4"/>
</svg>
More from Arcticons
View all
Copied!