Add icons to this collection by clicking the heart icon.
Tropical Fish icon - also known as sea, animals, fish, tropical, animal, tropical fish, aquatic, aquarium, wild, and wildlife. Created in a clean gradient style with a white, silver, gray, navy, and pink finish, 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">
<stop offset="0" stop-color="#61a5ce" />
<stop offset="1" stop-color="#7ac1dd" />
</linearGradient>
<linearGradient
id="c"
x1="152.641"
x2="358.097"
y1="431.92"
y2="431.92"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="110.697"
x2="390.869"
y1="106.531"
y2="106.531"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="458.531"
y1="260.238"
y2="260.238"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00d2ce" />
<stop offset="1" stop-color="#b5e9f1" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#ffde55" />
<stop offset="1" stop-color="#ffeda1" />
</linearGradient>
<linearGradient
id="f"
x1="244.413"
x2="395.887"
y1="259.138"
y2="264.453"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="244.533"
x2="395.995"
y1="255.673"
y2="260.987"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="#7ac1dd"
d="m441.686 223.532-36.625 40.277 36.625 40.277s23.454-.706 47.414 17.91c10.034 7.796 24.427-.746 22.769-13.344-1.861-14.136-3.152-29.48-3.152-44.843s1.291-30.707 3.152-44.843c1.658-12.598-12.735-21.14-22.769-13.344-23.96 18.616-47.414 17.91-47.414 17.91z"
/>
<path
fill="url(#c)"
d="M152.641 391.194s62.086 85.997 178.004 87.523c10.619.14 17.928-10.378 14.495-20.428-4.959-14.515-5.622-38.027 12.957-73.121-1.329-.664-205.456 6.026-205.456 6.026z"
/>
<path
fill="url(#d)"
d="M110.696 179.781s63.843-164.684 261.805-144.84c14.953 1.499 23.131 17.995 15.408 30.886-12.562 20.968-22.032 55.29-1.686 104.264-4.461-2.951-275.527 9.69-275.527 9.69z"
/>
<path
fill="#4280b2"
d="M240 174.108V93.93c31.447-2.832 56.846 2.209 72.243 6.71 16.272 4.757 22.358-11.486 22.358-11.486 3.489-9.938-2.119-20.778-12.255-23.641-20.967-5.922-42.337-9.038-63.263-9.038-11.574 0-23.074 1-34.364 2.934-83.693 42.122-114.022 120.373-114.022 120.373s63.35-2.955 129.303-5.674z"
/>
<path
fill="url(#e)"
d="M259.083 91.475c-83.109 0-152.183 60.076-166.174 139.169v-.001s-8.172 33.165-41.175 33.165H17.225C7.712 263.809 0 271.521 0 281.034c0 9.513 7.712 17.225 17.225 17.225h39.86s32.853 1.571 52.105 39.586l-.001-.005C137.284 391.996 193.858 429 259.082 429c93.206 0 199.448-75.558 199.448-168.763S352.288 91.475 259.083 91.475z"
/>
<path
fill="#b0f0ef"
d="M187.883 379.422a137.999 137.999 0 0 1-36.225-31.292c-3.493-4.278-2.856-10.578 1.421-14.071 4.277-3.494 10.577-2.857 14.071 1.421a118.048 118.048 0 0 0 30.99 26.771c4.741 2.832 6.177 8.907 3.457 13.713-4.387 7.753-12.107 4.418-13.714 3.458z"
/>
<ellipse cx="175.967" cy="262.548" fill="#ffb0d0" rx="14.936" ry="12.003" />
<circle cx="150.36" cy="232.93" r="29.618" fill="#fff" />
<circle cx="162.264" cy="232.93" r="17.652" fill="#383842" />
<path
fill="url(#f)"
d="M273.863 260.238c0-80.457 40.147-153.793 44.352-159.368-14.015-4.363-28.298-7.299-42.447-8.611-1.55 2.526-41.905 66.058-41.905 167.979s40.355 165.453 41.905 167.979c14.149-1.313 28.432-4.249 42.447-8.611-4.205-5.575-44.352-78.911-44.352-159.368z"
/>
<path
fill="url(#g)"
d="M350.303 260.238c0 48.267 8.536 94.412 24.333 133.035 11.85-7.597 22.947-16.238 32.943-25.751-11.246-31.579-17.276-68.507-17.276-107.284s6.03-75.706 17.276-107.285c-9.996-9.513-21.093-18.153-32.944-25.751-15.796 38.624-24.332 84.769-24.332 133.036z"
/>
<circle cx="225.282" cy="390.961" r="10" fill="#b0f0ef" />
</svg>
More icons in the same style and category