Add icons to this collection by clicking the heart icon.
Pineapple icon - also known as fruit, vegetarian, healthy food, organic, diet, vegan, pineapple, and food and restaurant. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 512 512"
>
<radialGradient
id="c"
cx="391.503"
cy="1460.712"
r="211.86"
gradientTransform="matrix(.931 0 0 .114 -111.186 320.147)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff8be" />
<stop offset=".512" stop-color="#fffbe5" />
<stop offset=".976" stop-color="#fff" />
</radialGradient>
<radialGradient
id="d"
cx="122.388"
cy="165.424"
r="312.751"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff9e2" />
<stop offset=".514" stop-color="#fffacd" />
<stop offset=".976" stop-color="#fff6ab" />
</radialGradient>
<radialGradient
id="e"
cx="122.388"
cy="165.424"
r="312.751"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff6ab" />
<stop offset=".518" stop-color="#fff485" />
<stop offset=".833" stop-color="#ffed26" />
<stop offset=".976" stop-color="#ffea00" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#e0f6df" />
<stop offset=".514" stop-color="#ddf7c5" />
<stop offset=".56" stop-color="#daf7c0" />
<stop offset=".976" stop-color="#c4f19b" />
</linearGradient>
<radialGradient
id="f"
cx="314.817"
cy="-.6"
r="51.015"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="g"
cx="314.817"
cy="25"
r="51.015"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="h"
cx="314.817"
cy="50.6"
r="51.015"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="i"
cx="314.817"
cy="76.2"
r="51.015"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="j"
cx="246.381"
cy="-2.382"
r="43.508"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="k"
cx="198.819"
cy="2.259"
r="25.637"
gradientTransform="matrix(0 1 -1.485 0 202.174 -196.559)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="l"
cx="198.819"
cy="27.859"
r="25.637"
gradientTransform="matrix(0 1 -1.485 0 240.195 -170.959)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="m"
cx="198.819"
cy="53.459"
r="25.637"
gradientTransform="matrix(0 1 -1.485 0 278.215 -145.36)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="n"
cx="189.409"
cy="85.776"
r="65.982"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#7be700" />
<stop offset=".512" stop-color="#72d800" />
<stop offset=".808" stop-color="#26b847" />
<stop offset=".976" stop-color="#00a96a" />
</linearGradient>
<radialGradient
id="o"
cx="295.894"
cy="31.836"
r="49.795"
gradientTransform="matrix(0 1 -.909 0 324.835 -264.059)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="p"
cx="257.993"
cy="37.84"
r="56.138"
gradientTransform="rotate(45 241.623 31.008) scale(1 .641)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="q"
cx="217.208"
cy="72.911"
r="72.35"
gradientTransform="matrix(-1 0 0 1 460.8 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="r"
cx="235.476"
cy="37.84"
r="56.138"
gradientTransform="rotate(135 243.158 15.286) scale(1 -.641)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="s"
cx="257.993"
cy="63.44"
r="56.138"
gradientTransform="rotate(45 230.534 52.016) scale(1 .641)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="t"
cx="217.208"
cy="98.511"
r="72.35"
gradientTransform="matrix(-1 0 0 1 460.8 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="u"
cx="235.476"
cy="63.44"
r="56.138"
gradientTransform="rotate(135 234.457 19.88) scale(1 -.641)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="v"
cx="260.963"
cy="91.717"
r="50.818"
gradientTransform="rotate(45 232.274 79.783) scale(1 .741)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="w"
cx="217.208"
cy="124.111"
r="72.35"
gradientTransform="matrix(-1 0 0 1 460.8 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="x"
cx="238.446"
cy="91.717"
r="50.818"
gradientTransform="rotate(135 222.955 19.162) scale(1 -.741)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="y"
cx="260.963"
cy="113.459"
r="63.656"
gradientTransform="rotate(45 215.768 94.692) scale(1 .67)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="z"
cx="238.446"
cy="113.459"
r="63.656"
gradientTransform="rotate(135 216.781 26) scale(1 -.67)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="A"
cx="457.559"
cy="210.41"
r="339.94"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff044" />
<stop offset=".512" stop-color="#ffea00" />
<stop offset=".655" stop-color="#fbd113" />
<stop offset=".892" stop-color="#f6ab31" />
</radialGradient>
<radialGradient
id="B"
cx="457.559"
cy="210.41"
r="339.94"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#feda00" />
<stop offset=".512" stop-color="#dabb00" />
<stop offset=".514" stop-color="#dabb00" />
<stop offset=".989" stop-color="#eca026" />
</radialGradient>
<path
fill="url(#c)"
d="M256.75 512c113.107 0 204.798-11.461 204.798-25.6H50.452c0 14.139 93.19 25.6 206.298 25.6z"
/>
<path
fill="url(#d)"
d="m111.483 160.672-5.116 16.626a485.235 485.235 0 0 0 0 285.406l5.116 16.626a10.018 10.018 0 0 0 9.575 7.072H204.8V153.6h-83.743a10.016 10.016 0 0 0-9.574 7.072z"
/>
<path
fill="url(#e)"
d="m114.922 464.815-6.045 6.045-2.51-8.158a505.838 505.838 0 0 1-1.72-5.714l1.224-1.224-2.225-2.225a485.014 485.014 0 0 1-6.306-24.408l17.582 17.582 36.204-36.204-36.204-36.204-23.702 23.703a485.598 485.598 0 0 1-2.307-15.795l16.958-16.958-20.321-20.321a484.228 484.228 0 0 1-.601-18.703l29.973 29.973L151.126 320l-36.204-36.204-29.973 29.973c.08-6.237.28-12.472.601-18.703l20.321-20.321-16.958-16.958a485.598 485.598 0 0 1 2.307-15.795l23.702 23.702 36.204-36.204-36.204-36.204-17.582 17.582a485.014 485.014 0 0 1 6.306-24.408l2.225-2.225-1.224-1.224a473.19 473.19 0 0 1 1.72-5.715l2.51-8.158 6.045 6.045 21.585-21.585h18.102l-30.636 30.635 36.204 36.204 30.281-30.281v18.102l-21.23 21.23 21.23 21.23v18.102l-30.281-30.281-36.204 36.204 36.204 36.204 30.281-30.281v18.102L169.228 320l21.23 21.23v18.102l-30.281-30.281-36.204 36.204 36.204 36.204 30.281-30.281v18.102l-21.23 21.231 21.23 21.231v18.102l-30.281-30.281-36.204 36.204 30.635 30.636h-18.102zm75.536-3.128L165.746 486.4h18.102l10.57-10.57zm3.959-297.517-10.57-10.57h-18.102l24.713 24.713z"
/>
<path fill="url(#f)" d="m216.058 89.6 89.6-89.6h25.6l-89.6 102.4z" />
<path fill="url(#g)" d="m216.058 115.2 89.6-89.6h25.6l-89.6 102.4z" />
<path fill="url(#h)" d="m216.058 140.8 89.6-89.6h25.6l-89.6 102.4z" />
<path fill="url(#i)" d="m216.058 166.4 89.6-89.6h25.6l-89.6 102.4z" />
<path fill="url(#j)" d="m241.658 0-25.6 89.6h38.4l12.8-89.6z" />
<path fill="url(#k)" d="m177.658 0 38.4 89.6h38.4L203.258 0z" />
<path fill="url(#l)" d="m177.658 25.6 38.4 89.6h38.4l-51.2-89.6z" />
<path fill="url(#m)" d="m177.658 51.2 38.4 89.6h38.4l-51.2-89.6z" />
<path fill="url(#n)" d="m177.658 76.8 38.4 89.6h38.4l-51.2-89.6z" />
<path
fill="url(#o)"
d="M280.059 140.8h-25.601l-12.8-51.2 25.6-89.6 25.6 89.6z"
/>
<path fill="url(#p)" d="M241.658 89.6 203.258 0l89.6 89.6z" />
<path fill="url(#q)" d="m292.858 115.2 38.4-89.6-89.6 89.6z" />
<path fill="url(#r)" d="m292.858 89.6 38.4-89.6-89.6 89.6z" />
<path fill="url(#s)" d="m241.658 115.2-38.4-89.6 89.6 89.6z" />
<path fill="url(#t)" d="m292.858 140.8 38.4-89.6-89.6 89.6z" />
<path fill="url(#u)" d="m292.858 115.2 38.4-89.6-89.6 89.6z" />
<path fill="url(#v)" d="m241.658 140.8-38.4-89.6 89.6 89.6z" />
<path fill="url(#w)" d="m292.858 166.4 38.4-89.6-89.6 89.6z" />
<path fill="url(#x)" d="m292.858 140.8 38.4-89.6-89.6 89.6z" />
<path fill="url(#y)" d="m241.658 166.4-38.4-89.6 89.6 89.6z" />
<path fill="url(#z)" d="m292.858 166.4 38.4-89.6-89.6 89.6z" />
<path
fill="url(#A)"
d="M390.943 486.4H200.94a10.018 10.018 0 0 1-9.575-7.072l-5.116-16.626a485.235 485.235 0 0 1 0-285.406l5.116-16.626a10.018 10.018 0 0 1 9.575-7.072h190.003c4.398 0 8.281 2.868 9.575 7.072l5.116 16.626a485.235 485.235 0 0 1 0 285.406l-5.116 16.626a10.018 10.018 0 0 1-9.575 7.072z"
/>
<path
fill="url(#B)"
d="M412.275 438.992a486.727 486.727 0 0 0 5.31-23.411l-31.133 31.133-36.204-36.204 36.204-36.204 32.764 32.764c.942-5.165 1.8-10.342 2.573-15.529l-26.286-26.286 31.39-31.39c.264-9.241.264-18.488 0-27.729l-31.39-31.39 26.286-26.286a485.867 485.867 0 0 0-2.573-15.529l-32.764 32.764-36.204-36.204 36.204-36.204 31.133 31.133a484.104 484.104 0 0 0-5.31-23.412l-16.773-16.773 9.38-9.38-4.259-13.842-14.171 14.171-21.585-21.584h-18.102l30.635 30.636-36.204 36.204-36.204-36.204 30.636-30.635h-18.102l-21.585 21.585-21.584-21.586h-18.102l30.635 30.636-36.204 36.204-36.204-36.204 30.635-30.635h-18.102l-21.585 21.585-14.171-14.171L187 174.858l9.38 9.38-16.773 16.773a486.727 486.727 0 0 0-5.31 23.411l31.133-31.133 36.204 36.204-36.204 36.204-32.764-32.764a484.934 484.934 0 0 0-2.573 15.529l26.286 26.286-31.39 31.39a485.514 485.514 0 0 0 0 27.729l31.39 31.39-26.286 26.286a485.867 485.867 0 0 0 2.573 15.529l32.764-32.764 36.204 36.204-36.204 36.204-31.133-31.133a484.104 484.104 0 0 0 5.31 23.412l16.773 16.773-9.38 9.38 4.259 13.842 14.171-14.171 21.585 21.585h18.102l-30.636-30.636 36.204-36.204 36.204 36.204-30.634 30.632h18.102l21.585-21.585 21.585 21.585h18.102l-30.636-30.636 36.204-36.204 36.204 36.204-30.636 30.636h18.102l21.585-21.585 14.171 14.171 4.259-13.843-9.38-9.38zM422.655 320l-36.204 36.204L350.247 320l36.204-36.204zM377.4 274.745l-36.204 36.204-36.204-36.204 36.204-36.204zM332.145 320l-36.204 36.204L259.738 320l36.204-36.204zm-36.203-126.714 36.204 36.204-36.204 36.204-36.204-36.204zm-45.255 45.255 36.204 36.204-36.204 36.204-36.204-36.204zM169.228 320l36.204-36.204L241.636 320l-36.204 36.204zm45.255 45.255 36.204-36.204 36.204 36.204-36.204 36.204zm81.459 81.459-36.204-36.204 36.204-36.204 36.204 36.204zm9.05-81.459 36.204-36.204 36.204 36.204-36.204 36.204z"
/>
</svg>
More icons in the same style and category