Add icons to this collection by clicking the heart icon.
Algae icon - also known as fuel, test tube, seaweed, ecology and environment, algae, and sustainable energy. 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="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.98"
>
<stop offset="0" stop-color="#008a4c" />
<stop offset="1" stop-color="#d3ff33" />
</linearGradient>
<radialGradient
id="SVGID_2_"
cx="-7935.445"
cy="-5179.924"
gradientTransform="matrix(1 0 0 1.167 8191.445 6298.577)"
gradientUnits="userSpaceOnUse"
r="256"
>
<stop offset="0" stop-color="#008a4c" stop-opacity=".8" />
<stop offset=".0416" stop-color="#1b9949" stop-opacity=".767" />
<stop offset=".1189" stop-color="#46b144" stop-opacity=".705" />
<stop offset=".2024" stop-color="#6cc63f" stop-opacity=".638" />
<stop offset=".291" stop-color="#8cd73b" stop-opacity=".567" />
<stop offset=".3864" stop-color="#a6e638" stop-opacity=".491" />
<stop offset=".4911" stop-color="#baf136" stop-opacity=".407" />
<stop offset=".6099" stop-color="#c8f934" stop-opacity=".312" />
<stop offset=".7548" stop-color="#d1fe33" stop-opacity=".196" />
<stop offset="1" stop-color="#d3ff33" stop-opacity="0" />
</radialGradient>
<linearGradient id="lg1">
<stop offset="0" stop-color="#ddff59" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="SVGID_3_"
gradientUnits="userSpaceOnUse"
x1="-28.038"
x2="543.701"
y1="528.263"
y2="-43.477"
href="#lg1"
/>
<linearGradient
id="SVGID_4_"
gradientUnits="userSpaceOnUse"
x1="-308.614"
x2="384.405"
y1="840.462"
y2="147.443"
href="#lg1"
/>
<linearGradient id="lg2">
<stop offset="0" stop-color="#95e12e" />
<stop offset=".5" stop-color="#ddff59" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="SVGID_5_"
gradientUnits="userSpaceOnUse"
x1="24.84"
x2="532.669"
y1="339.477"
y2="-168.352"
href="#lg2"
/>
<linearGradient
id="SVGID_6_"
gradientUnits="userSpaceOnUse"
x1="-114.217"
x2="557.171"
y1="500.93"
y2="-170.458"
href="#lg2"
/>
<linearGradient
id="SVGID_7_"
gradientUnits="userSpaceOnUse"
x1="-115.473"
x2="373.325"
y1="394.425"
y2="-94.372"
href="#lg2"
/>
<linearGradient
id="SVGID_8_"
gradientUnits="userSpaceOnUse"
x1="-7.23"
x2="375.032"
y1="364.488"
y2="-17.773"
href="#lg1"
/>
<linearGradient id="lg3">
<stop offset="0" stop-color="#008547" />
<stop offset=".1212" stop-color="#128f45" />
<stop offset=".3647" stop-color="#41aa41" />
<stop offset=".7046" stop-color="#8cd63a" />
<stop offset="1" stop-color="#d3ff33" />
</linearGradient>
<linearGradient
id="SVGID_9_"
gradientUnits="userSpaceOnUse"
x1="46.208"
x2="478.087"
y1="486.6"
y2="54.721"
href="#lg3"
/>
<linearGradient
id="SVGID_10_"
gradientUnits="userSpaceOnUse"
x1="-122.027"
x2="544.068"
y1="678.921"
y2="12.826"
href="#lg3"
/>
<linearGradient id="lg4">
<stop offset="0" stop-color="#006946" />
<stop offset=".186" stop-color="#008547" />
<stop offset=".2847" stop-color="#128f45" />
<stop offset=".4829" stop-color="#41aa41" />
<stop offset=".7596" stop-color="#8cd63a" />
<stop offset="1" stop-color="#d3ff33" />
</linearGradient>
<linearGradient
id="SVGID_11_"
gradientUnits="userSpaceOnUse"
x1="18.511"
x2="804.156"
y1="579.853"
y2="-205.792"
href="#lg4"
/>
<linearGradient
id="SVGID_12_"
gradientUnits="userSpaceOnUse"
x1="-44.57"
x2="735.973"
y1="664.328"
y2="-116.215"
href="#lg4"
/>
<linearGradient id="lg5">
<stop offset="0" stop-color="#006946" />
<stop offset=".186" stop-color="#008547" />
<stop offset=".2799" stop-color="#128f45" />
<stop offset=".4685" stop-color="#41aa41" />
<stop offset=".7317" stop-color="#8cd63a" />
<stop offset=".9604" stop-color="#d3ff33" />
</linearGradient>
<linearGradient
id="SVGID_13_"
gradientUnits="userSpaceOnUse"
x1="172.152"
x2="671.346"
y1="444.74"
y2="-54.455"
href="#lg5"
/>
<linearGradient
id="SVGID_14_"
gradientUnits="userSpaceOnUse"
x1="-373.233"
x2="1128.225"
y1="848.725"
y2="-652.732"
href="#lg5"
/>
<linearGradient
id="SVGID_15_"
gradientUnits="userSpaceOnUse"
x1="-482.89"
x2="1016.279"
y1="980.039"
y2="-519.13"
href="#lg5"
/>
<linearGradient
id="SVGID_16_"
gradientUnits="userSpaceOnUse"
x1="100.231"
x2="600.751"
y1="393.717"
y2="-106.803"
href="#lg5"
/>
<g>
<circle cx="256" cy="256" fill="url(#SVGID_1_)" r="256" />
<circle cx="256" cy="256" fill="url(#SVGID_2_)" r="256" />
<path
d="m180.733 72.068c-1.8 105.802-2.088 211.604-.864 317.406.603 41.394 34.862 78.977 76.132 79.088 10.669.002 20.813-2.519 30.046-6.96.918-130.757.939-261.513.061-392.269-35.126-1.215-70.251-.303-105.375 2.735z"
fill="url(#SVGID_3_)"
/>
<path
d="m332.132 389.474c1.224-105.802.936-211.604-.864-317.406-30.107-2.604-60.214-3.646-90.321-3.125-.36 107.552-.418 215.104-.173 322.656.102 31.417 18.87 59.092 45.272 70.003 26.568-12.902 45.7-41.287 46.086-72.128z"
fill="url(#SVGID_4_)"
/>
<path
d="m210.84 69.985c-.309 30.563-.543 61.125-.704 91.687 15.234 9.781 30.529 19.891 45.862 30.141 0-41 0-82 0-123-15.053 0-30.106.39-45.158 1.172z"
fill="url(#SVGID_5_)"
/>
<path
d="m240.947 68.943c-.137 40.972-.231 81.945-.28 122.916 20.457-10.368 40.867-20.542 61.197-30.188-.161-30.563-.395-61.125-.704-91.687-20.071-1.041-40.142-1.388-60.213-1.041z"
fill="url(#SVGID_6_)"
/>
<path
d="m181 56.953c-8.278.785-15.146 8.279-15.321 16.547-.175 8.274 6.46 14.332 14.807 13.682 20.137-1.597 40.274-2.555 60.412-2.875.032-10.243.066-20.486.103-30.729-20.001.375-40.001 1.5-60.001 3.375z"
fill="url(#SVGID_7_)"
/>
<path
d="m331 56.953c-30-2.813-60-3.938-90-3.375-8.278.157-15.045 7.294-15.107 15.755-.062 8.465 6.658 15.102 15.004 14.974 30.206-.479 60.412.479 90.617 2.875 8.346.647 14.982-5.41 14.807-13.682-.176-8.268-7.043-15.761-15.321-16.547z"
fill="url(#SVGID_8_)"
/>
<path
d="m210.136 161.672c-.401 76.406-.339 152.812.185 229.217.213 25.238 20.7 46.9 45.677 46.922.001-87.124.001-174.249.002-261.374-5.104-5.125-10.201-10.231-15.288-15.307-10.192.091-20.384.271-30.576.542z"
fill="url(#SVGID_9_)"
/>
<path
d="m240.712 161.131c-.134 76.823-.113 153.646.062 230.469.041 17.282 5.747 33.353 15.224 46.212 24.98-.02 45.468-21.681 45.681-46.922.525-76.406.586-152.812.185-229.217-20.384-.543-40.768-.723-61.152-.542z"
fill="url(#SVGID_10_)"
/>
<path
d="m210.136 360.328c.115 19.921 12.962 37.421 30.668 44.002 10.094-14.357 20.267-28.883 30.484-43.46-10.167-14.396-20.39-28.923-30.635-43.46-17.881 6.264-30.631 22.982-30.517 42.918z"
fill="url(#SVGID_11_)"
/>
<path
d="m256 314.813c-5.383 0-10.548.922-15.347 2.597.028 28.974.079 57.947.151 86.921 4.758 1.761 9.869 2.732 15.196 2.732 25.129-.021 45.7-21.492 45.864-46.734.152-25.264-20.42-45.473-45.864-45.516z"
fill="url(#SVGID_12_)"
/>
<path
d="m271.288 360.87c-.018 8.482-6.864 15.443-15.288 15.443-8.425-.001-15.27-6.959-15.288-15.443-.017-8.483 6.83-15.305 15.288-15.307 8.46 0 15.306 6.822 15.288 15.307z"
fill="url(#SVGID_13_)"
/>
<path
d="m209.889 238.078c-.025 19.928 12.83 36.951 30.74 43.335 10.242-14.468 20.501-28.994 30.742-43.46-10.253-14.508-20.499-29.034-30.707-43.46-17.87 6.459-30.748 23.659-30.775 43.585z"
fill="url(#SVGID_14_)"
/>
<path
d="m256 191.813c-5.378 0-10.536.953-15.336 2.68-.034 28.974-.045 57.947-.035 86.921 4.81 1.707 9.98 2.649 15.371 2.649 25.459-.036 46.141-20.731 46.111-45.984-.042-25.251-20.725-46.238-46.111-46.266z"
fill="url(#SVGID_15_)"
/>
<path
d="m271.37 237.953c.004 8.483-6.879 15.358-15.37 15.359-8.491-.001-15.374-6.875-15.37-15.359.004-8.483 6.887-15.391 15.37-15.391 8.483.001 15.366 6.907 15.37 15.391z"
fill="url(#SVGID_16_)"
/>
</g>
</svg>
More icons in the same style and category