Spruce Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Spruce 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/333228.svg" alt="Spruce icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/333228.svg" alt="Spruce icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/333228.svg" alt="Spruce icon" :width="24" :height="24" />
CSS background
.icon-spruce {
background-image: url('https://proicons.com/icon/333228.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" viewBox="0 0 48 48"><defs><style>.b{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path class="b" d="m4.5771,33.2103l.0765-6.0432c.5579-4.265,3.388-7.4015,7.0809-7.6079h8.5459c8.3883,0,8.572.0105,9.9584.5701,1.8131.7318,4.1026,2.8322,4.9296,4.5226,2.6153,5.3455.0127,11.3435-5.6859,13.1039-1.4638.4521-2.2992.4825-13.2724.4825H4.5l.0771-5.028Z"/><path class="b" d="m43.4229,14.7897l-.0765,6.0432c-.5579,4.265-3.388,7.4015-7.0809,7.6079h-8.5459c-8.3883,0-8.572-.0105-9.9584-.5701-1.8131-.7318-4.1026-2.8322-4.9296-4.5226-2.6153-5.3455-.0127-11.3435,5.6859-13.1039,1.4638-.4521,2.2992-.4825,13.2724-.4825h11.7101l-.0771,5.028Z"/></svg>
More from Arcticons
View all
Copied!