Coconut Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Coconut 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/305410.svg" alt="Coconut icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/305410.svg" alt="Coconut icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/305410.svg" alt="Coconut icon" :width="24" :height="24" />
CSS background
.icon-coconut {
background-image: url('https://proicons.com/icon/305410.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M897 208c-7-16-18-28-34-31-28-6-56-14-84-12-60 3-121 8-180 20-139 26-273 70-398 137-41 22-80 47-113 81-21 22-32 47-21 77 17 43 30 88 53 128 84 145 211 221 386 227 20-3 45-4 70-9 272-46 444-338 321-618zM456 733c-24 0-43-20-43-44s19-43 43-43 44 19 44 43-19 44-44 44zm172-53c-19 0-35-15-35-34 0-20 16-35 35-35s34 15 34 35c0 19-15 34-34 34zm246-436c-17 20-36 39-57 54-84 60-181 98-279 130-111 37-225 63-343 69-29-5-58-8-86-15-24-6-31-30-15-49 19-21 41-42 64-58 97-65 206-105 317-138 83-24 168-43 255-48 37-2 74 3 111 5 7 1 14 4 20 7 18 9 25 29 13 43zm-88-36c-14-3-29-3-51-5-33 5-73 9-113 17-134 27-265 68-388 129-27 13-52 31-75 51-21 18-14 40 13 44 26 4 53 5 80 2 100-11 198-36 293-71 69-25 136-55 203-85 19-9 36-23 51-38 18-18 12-37-13-44zm-18 47c-58 40-121 65-186 89-100 36-202 65-307 80-27 4-55 5-83 6-9 0-17-4-25-5l-3-6c12-10 22-22 35-28 58-28 115-58 175-81 99-38 202-66 307-82 28-4 56-4 85-5 8 0 16 4 31 7-13 11-20 19-29 25z"/></svg>
Copied!