Nanoleaf Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Nanoleaf 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/329972.svg" alt="Nanoleaf icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/329972.svg" alt="Nanoleaf icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/329972.svg" alt="Nanoleaf icon" :width="24" :height="24" />
CSS background
.icon-nanoleaf {
background-image: url('https://proicons.com/icon/329972.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>.c{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path class="c" d="m23.5411,40.5689l-14.05-8.2297c-1.0575-.6194-1.7073-1.7531-1.7073-2.9786V11.9342c0-4.4204,4.1465-7.6691,8.4385-6.6113l18.8897,4.6553c1.2829.3162,2.2729,1.337,2.5495,2.629l3.3421,15.6106c.4049,1.8911-.3641,3.8406-1.9511,4.946l-10.3394,7.202c-1.5369,1.0705-3.5559,1.1499-5.1721.2032Z"/><path class="c" d="m33.7919,36.8281c1.8834,2.2324,2.6504,5.2936,2.6504,5.2936"/><polygon class="c" points="33.6576 22.2891 31.0618 19.4981 27.762 19.9645 27.0581 23.2219 29.654 26.0129 32.9537 25.5465 33.6576 22.2891"/><polygon class="c" points="25.4162 28.1462 22.8203 25.3552 19.5205 25.8216 18.8166 29.0789 21.4125 31.8699 24.7123 31.4036 25.4162 28.1462"/><polygon class="c" points="23.3271 16.2861 20.7312 13.4951 17.4314 13.9614 16.7275 17.2188 19.3234 20.0098 22.6232 19.5434 23.3271 16.2861"/></svg>
More from Arcticons
View all
Nanoleaf in other icon packs
Copied!