Add icons to this collection by clicking the heart icon.
Sustainable icon - also known as water, nature, development, sustainability, sustainable, sea life, ecology and environment, and world oceans day. 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"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc6356" />
<stop offset="1" stop-color="#fa4350" />
</linearGradient>
<linearGradient
id="b"
x1="164.169"
x2="347.831"
y1="221.563"
y2="221.563"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4ad0ff" />
<stop offset="1" stop-color="#30bbec" />
</linearGradient>
<linearGradient
id="c"
x1="164.169"
x2="347.831"
y1="294.278"
y2="294.278"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#16a5d9" />
<stop offset="1" stop-color="#1f8dcd" />
</linearGradient>
<linearGradient
id="d"
x1="215.441"
x2="451.906"
y1="158.047"
y2="158.047"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#96e192" />
<stop offset="1" stop-color="#73d093" />
</linearGradient>
<linearGradient
id="e"
x1="60.094"
x2="296.559"
y1="353.953"
y2="353.953"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#86e0ff" />
<stop offset="1" stop-color="#4ad0ff" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<path
fill="url(#b)"
d="M256 164.169c-50.717 0-91.831 41.114-91.831 91.831l18.06 22.958h147.542L347.831 256c0-50.717-41.114-91.831-91.831-91.831z"
/>
<path
fill="url(#c)"
d="M329.771 256c-10.914 0-21.275-3.472-29.962-10.041l-6.924-5.235-6.923 5.235C277.275 252.528 266.914 256 256 256s-21.275-3.472-29.962-10.041l-6.923-5.235-6.924 5.235C203.504 252.528 193.143 256 182.229 256h-18.06c0 50.717 41.114 91.831 91.831 91.831s91.831-41.114 91.831-91.831z"
/>
<path
fill="#e7e6e6"
d="M141.211 256c0-63.396 51.393-114.789 114.789-114.789V60.094c-108.196 0-195.906 87.71-195.906 195.906l40.559 74.995z"
/>
<path
fill="url(#d)"
d="m256 60.094-40.559 40.559L256 141.211c63.396 0 114.789 51.393 114.789 114.789h81.118C451.906 147.804 364.196 60.094 256 60.094z"
/>
<path
fill="#16a5d9"
d="M411.348 215.441 370.789 256c0 63.396-51.393 114.789-114.789 114.789v81.117c108.196 0 195.906-87.71 195.906-195.906z"
/>
<path
fill="url(#e)"
d="M256 370.789c-63.396 0-114.789-51.393-114.789-114.789l-40.559 40.559L60.094 256c0 108.196 87.71 195.906 195.906 195.906l40.559-40.559z"
/>
</svg>
More icons in the same style and category