Pineapple Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Pineapple 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/306248.svg" alt="Pineapple icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306248.svg" alt="Pineapple icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306248.svg" alt="Pineapple icon" :width="24" :height="24" />
CSS background
.icon-pineapple {
background-image: url('https://proicons.com/icon/306248.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="M393 813c-15 16-31 33-47 51 8 4 18 6 25 13 7 8 9 19 13 28 17-18 33-35 48-51-13-14-27-29-39-41zm174 41c15 17 31 33 48 52 5-23 21-36 40-43-17-18-33-35-48-51-13 14-27 28-40 42zM345 500c17 18 33 35 47 50 13-14 27-29 41-44-15-16-30-32-48-51-6 24-21 38-40 45zm270-43c-17 18-32 35-48 51 14 14 27 29 41 43 15-16 31-33 47-51-19-8-36-19-40-43zm-156 51c14 15 28 29 41 43l41-44c-13-14-27-29-40-42-14 14-28 29-42 43zm189 232c-14-15-27-30-41-44-13 14-27 28-40 43 14 14 28 29 41 43 13-14 27-29 40-42zm-148 72c-13 14-27 29-39 42 13 15 27 30 40 44 13-14 27-29 40-43-14-14-28-29-41-43zm41-72l-42-45c-13 15-26 29-39 43 14 15 28 30 41 44 13-14 27-29 40-42zm-149 42c13-14 27-29 40-42-13-15-27-30-41-44-13 14-27 28-40 42 14 15 28 30 41 44zm-41-158c13 14 27 29 40 42 14-15 28-29 41-44-13-14-26-28-40-42l-41 44zm109-2c14 15 28 30 41 44 13-14 27-28 40-42-14-15-28-30-40-44-14 15-28 29-41 42zm149-41c-14 14-28 29-42 43 14 14 28 29 41 43 13-14 27-29 40-43-13-15-27-30-39-43zM485 798c-13-14-27-29-40-44-13 14-26 28-39 41 15 15 28 30 41 43 12-13 26-28 38-40zm109-1c-13-14-27-29-39-42-14 14-27 29-40 43 13 13 26 28 39 42 13-14 27-29 40-43zm-40-73c13-15 27-29 39-42-13-14-27-29-39-43-13 14-27 29-40 43 13 13 27 28 40 42zm-148-43c14 14 27 29 41 43 12-14 26-28 39-42-13-14-27-29-40-44-13 14-27 29-40 43zm149-158c-14 14-27 29-40 43l39 42c13-15 27-29 40-43-13-14-27-29-39-42zm-149 43l39 42c14-14 28-29 40-42-13-14-27-29-39-42-13 13-27 28-40 42zm-7 353c29 27 68 24 87-5-14-15-28-30-41-44-15 16-30 33-46 49zm115-4c23 28 57 30 86 5-16-17-32-34-45-48-13 13-27 28-41 43zM337 753c-27 24-30 64-5 94 16-17 31-33 46-50-13-14-27-28-41-44zm325 0c-14 15-27 29-41 43 16 17 32 34 47 51 25-35 22-76-6-94zM338 609c14-14 27-29 39-42-15-17-31-33-46-50-24 30-21 72 7 92zm330-92c-16 16-31 33-46 49 13 14 27 28 41 44 27-26 29-72 5-93zM337 725c14-16 28-30 40-43-13-14-27-29-41-44-30 20-27 70 1 87zm327-87c-14 15-28 30-41 44 13 13 26 28 40 43 28-16 31-67 1-87zM401 443c16 17 32 33 46 49 12-14 26-29 40-43-22-27-61-30-86-6zm113 6c14 15 27 29 40 43 15-15 30-32 46-48-29-25-70-22-86 5zm172-182c-43 12-85 23-127 35-2 1-5 1-5 0s1-2 3-4l130-110c2-2 3-3 3-4 0 0-3 0-5 1-43 12-87 24-132 37-3 0-4-1-3-3 30-52 59-102 88-153 1-2 1-3 1-4 0 0-2 1-4 3L503 179c-2 1-5 1-7 0-44-39-88-76-132-114-2-2-4-3-4-2 0 0 0 2 1 4 29 50 58 100 88 152 1 2 0 3-3 3-45-13-88-25-131-37-2-1-4-1-5-1s1 3 3 4l132 112c2 2 3 3 3 4 0 0-3 0-5-1-43-12-85-24-127-36-3 0-3 0-1 2 61 52 122 104 182 155 2 1 5 1 7 0 60-51 121-103 183-155 2-2 1-3-1-2z"/></svg>
Pineapple in other icon packs
Copied!