Treecard Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Treecard 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/334247.svg" alt="Treecard icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/334247.svg" alt="Treecard icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/334247.svg" alt="Treecard icon" :width="24" :height="24" />
CSS background
.icon-treecard {
background-image: url('https://proicons.com/icon/334247.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="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
<defs>
<style>
.cls-1 {
fill: none;
stroke:#000;
stroke-linecap: round;
stroke-linejoin: round;
}
</style>
</defs>
<rect class="cls-1" x="11.23" y="4.5" width="25.54" height="32.36" rx="4.05" ry="4.05"/>
<line class="cls-1" x1="24" y1="4.5" x2="24" y2="43.5"/>
<path class="cls-1" d="M11.23,10.19c0,10.75,12.77,7.43,12.77,17.51"/>
<path class="cls-1" d="M36.77,18.63c0,10.75-12.77,7.43-12.77,17.51"/>
<path class="cls-1" d="M15.94,8.89c-.33,0-.65,.04-.96,.11-.07,.31-.11,.63-.11,.96,0,2.44,1.98,4.42,4.42,4.42,.33,0,.65-.04,.96-.11,.07-.31,.11-.63,.11-.96,0-2.44-1.98-4.42-4.42-4.42Z"/>
<path class="cls-1" d="M32.06,13.46c.33,0,.65,.04,.96,.11,.07,.31,.11,.63,.11,.96,0,2.44-1.98,4.42-4.42,4.42-.33,0-.65-.04-.96-.11-.07-.31-.11-.63-.11-.96,0-2.44,1.98-4.42,4.42-4.42Z"/>
<path class="cls-1" d="M15.94,25.29c-.33,0-.65,.04-.96,.11-.07,.31-.11,.63-.11,.96,0,2.44,1.98,4.42,4.42,4.42,.33,0,.65-.04,.96-.11,.07-.31,.11-.63,.11-.96,0-2.44-1.98-4.42-4.42-4.42Z"/>
</svg>
More from Arcticons
View all
Copied!