Add icons to this collection by clicking the heart icon.
Picnic icon - also known as heart, love, picnic, romance, romantic date, outdoor, holiday, picnic basket, and love and romance. Created in a clean flat 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"
>
<linearGradient
id="linear-gradient"
gradientUnits="userSpaceOnUse"
x1="113.047"
x2="158.423"
y1="120.641"
y2="120.641"
>
<stop offset="0" stop-color="#c2f275" />
<stop offset="1" stop-color="#a8d95c" />
</linearGradient>
<linearGradient
id="linear-gradient-2"
gradientUnits="userSpaceOnUse"
x1="129.764"
x2="142.265"
y1="139.476"
y2="139.476"
>
<stop offset="0" stop-color="#a8d95c" />
<stop offset="1" stop-color="#c2f275" />
</linearGradient>
<linearGradient
id="linear-gradient-3"
gradientUnits="userSpaceOnUse"
x1="110.656"
x2="119.141"
y1="170.587"
y2="140.795"
>
<stop offset="0" stop-color="#824d42" />
<stop offset=".04369" stop-color="#885146" />
<stop offset=".30906" stop-color="#a9685a" />
<stop offset=".56335" stop-color="#c17868" />
<stop offset=".79954" stop-color="#cf8271" />
<stop offset="1" stop-color="#d48574" />
</linearGradient>
<radialGradient
id="radial-gradient"
cx="220.302"
cy="101.962"
gradientUnits="userSpaceOnUse"
r="183.801"
>
<stop offset="0" stop-color="#f0636d" />
<stop offset=".44585" stop-color="#ed5f69" />
<stop offset=".91733" stop-color="#e2525d" />
<stop offset="1" stop-color="#e04f5a" />
</radialGradient>
<radialGradient
id="radial-gradient-2"
cx="288.474"
cy="87.383"
gradientUnits="userSpaceOnUse"
r="184.906"
>
<stop offset="0" stop-color="#ff9984" />
<stop offset="1" stop-color="#eb745c" />
</radialGradient>
<linearGradient
id="linear-gradient-4"
gradientUnits="userSpaceOnUse"
x1="234.319"
x2="277.681"
y1="141.055"
y2="141.055"
>
<stop offset="0" stop-color="#d48574" />
<stop offset=".9467" stop-color="#be7160" />
</linearGradient>
<linearGradient
id="linear-gradient-5"
x1="256"
x2="256"
y1="467.323"
y2="268.93"
href="#linear-gradient-4"
/>
<radialGradient
id="radial-gradient-3"
cx="174.332"
cy="283.369"
gradientUnits="userSpaceOnUse"
r="203.713"
>
<stop offset="0" stop-color="#f49bb4" />
<stop offset=".36646" stop-color="#f398b2" />
<stop offset=".61361" stop-color="#f08faa" />
<stop offset=".82487" stop-color="#ea809e" />
<stop offset="1" stop-color="#e36d8e" />
</radialGradient>
<linearGradient
id="linear-gradient-6"
x1="313.385"
x2="313.385"
y1="281.651"
y2="234.448"
href="#linear-gradient-3"
/>
<radialGradient
id="radial-gradient-4"
cx="237.266"
cy="234.109"
gradientUnits="userSpaceOnUse"
r="39.962"
>
<stop offset="0" stop-color="#d8d5eb" />
<stop offset=".28531" stop-color="#d5d2e9" />
<stop offset=".49384" stop-color="#ccc9e1" />
<stop offset=".67792" stop-color="#bcb9d5" />
<stop offset=".84686" stop-color="#a7a2c3" />
<stop offset="1" stop-color="#8c87ad" />
</radialGradient>
<radialGradient
id="radial-gradient-5"
cx="231.779"
cy="220.161"
gradientUnits="userSpaceOnUse"
r="178.586"
>
<stop offset="0" stop-color="#f2f2ff" />
<stop offset=".51442" stop-color="#f0f0fe" />
<stop offset=".80995" stop-color="#e7e7fb" />
<stop offset="1" stop-color="#ddddf7" />
</radialGradient>
<linearGradient
id="linear-gradient-7"
gradientUnits="userSpaceOnUse"
x1="60.49"
x2="201.245"
y1="282.347"
y2="282.347"
>
<stop offset="0" stop-color="#b6b6de" />
<stop offset="1" stop-color="#d3d3f3" />
</linearGradient>
<g id="picnic_basket_camping_food">
<path
d="m153.78 130.9751c11.63916-30.11475-2.273-58.58179-2.273-58.58179a98.62179 98.62179 0 0 0 -27.23649 26.66089c-31.10215 46.00681 11.836 66.42209 16.22095 69.835z"
fill="url(#linear-gradient)"
/>
<path
d="m134.66065 158.72656c-.32568-.62988-7.92187-15.67187-3.53662-37.48535 1.03954-5.17786 8.88757-3.61972 7.84277 1.57617-3.80322 18.9209 2.74024 32.11719 2.80713 32.248 2.41039 4.75001-4.70848 8.31201-7.11328 3.66118z"
fill="url(#linear-gradient-2)"
/>
<path
d="m141.14063 159.23291c-.96973-.85083-24.01465-20.7666-46.77734-14.65576-8.807 2.36376-5.30666 15.67242 3.56811 13.291 15.60279-4.18969 33.90747 11.51246 34.14356 11.71729z"
fill="url(#linear-gradient-3)"
/>
<path
d="m262.40174 198.55176c-19.25378-88.56787-98.74939-104.18506-120.486-48.686a35.7957 35.7957 0 0 1 -20.27364 20.27364c-55.42947 21.70967-39.95455 101.21615 48.686 120.48584z"
fill="url(#radial-gradient)"
/>
<path
d="m277.68133 147.16872c203.09345-165.35572 167.52491 21.50955 121.75927 78.66207l-149.03825 68.24347z"
fill="url(#radial-gradient-2)"
/>
<path
d="m277.68133 237.43231h-43.36266v-171.23931c0-28.69717 43.36266-28.67939 43.36266 0z"
fill="url(#linear-gradient-4)"
/>
<path
d="m151.27518 467.32317c-40.51729 0-58.02194-24.325-58.02194-198.39352h325.49352c0 174.06852-17.50465 198.39352-58.02194 198.39352z"
fill="url(#linear-gradient-5)"
/>
<path
d="m255.998 310.26416c-43.61507-48.46122-158.10053 20.89681 0 131.4264 158.09827-110.52656 43.63366-179.90809 0-131.4264z"
fill="url(#radial-gradient-3)"
/>
<path
d="m226.64323 225.83079h193.31224c31.23873 0 31.21937 47.203 0 47.203h-236.56239v-29.21604z"
fill="url(#linear-gradient-6)"
/>
<circle cx="256" cy="249.432" fill="url(#radial-gradient-4)" r="12" />
<path
d="m108.51258 225.65283-.00012.00025c-3.80164.01269-7.11084.03588-9.99976.07348l-3.64465 4.05469-4.35535-3.87939c-12.33667.43017-12.42969 1.49731-15.68445 3.94189-6.84521 5.14111-21.72937 36.50806-10.90686 94.0459a20.03827 20.03827 0 0 0 26.60742 15.12353l4.19764-26.45918a183.57824 183.57824 0 0 0 3.60632 22.06323c38.31982-24.08008 105.32056-69.87207 128.31055-108.78638-61.90284-.00004-97.36267-.24735-118.13074-.17802z"
fill="url(#radial-gradient-5)"
/>
<path
d="m349.75009 139.66007c8.65059 2.25276 21.66511 8.34048 33.22154 24.66737a4.358 4.358 0 0 0 7.81429-1.56142c5.21938-22.99177-9.3842-53.00532-42.296-30.93957a4.35841 4.35841 0 0 0 1.26017 7.83362z"
fill="#f3e3ca"
/>
<path
d="m316.5889 172.82126c8.65059 2.25276 21.66511 8.34048 33.22154 24.66737a4.358 4.358 0 0 0 7.81429-1.56142c5.21938-22.99177-9.3842-53.00532-42.296-30.93957a4.35841 4.35841 0 0 0 1.26017 7.83362z"
fill="#f3e3ca"
/>
<path
d="m147.76514 256.89525v-31.19165q-4.17-.01173-8-.022v31.21363h-41.25244v-31.16893c-3.12988.04053-5.76538.09766-8 .17554v30.99341h-27.69238c-.521 2.49511-.98047 5.16919-1.37256 8h29.06494v32.10644h-30.02307q.24792 3.88989.67053 8h29.35254v34.01074a20.35535 20.35535 0 0 0 3.6521-1.78979c1.40161-.87109 2.856-1.78052 4.3479-2.71851v-29.50244h41.25244v2.03031c4.57764-3.23951 9.20874-6.58936 13.83692-10.03028h-5.83692v-32.10647h45.09351q4.33684-3.98841 8.38623-8zm-8 40.10644h-41.25244v-32.10644h41.25244z"
fill="url(#linear-gradient-7)"
/>
</g>
</svg>
More icons in the same style and category