Add icons to this collection by clicking the heart icon.
Tropical Fish icon - also known as animals, fish, tropical, animal, tropical fish, aquatic, aquarium, wild, and wildlife. Created in a clean gradient style with a white, 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="#ff7956" />
<stop offset="1" stop-color="#ff9478" />
</linearGradient>
<linearGradient
id="d"
x1="105.401"
x2="342.052"
y1="119.743"
y2="119.743"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="83.066"
x2="296.426"
y1="395.701"
y2="395.701"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="0"
x2="512"
y1="259.444"
y2="259.444"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffac48" />
<stop offset="1" stop-color="#ffc477" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#ffde55" />
<stop offset=".025" stop-color="#ffdf58" />
<stop offset=".289" stop-color="#ffe578" />
<stop offset=".545" stop-color="#ffe98f" />
<stop offset=".787" stop-color="#ffec9c" />
<stop offset="1" stop-color="#ffeda1" />
</linearGradient>
<linearGradient
id="g"
x1=".53"
x2="456.144"
y1="258.664"
y2="261.275"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="128.822"
x2="254.812"
y1="306.02"
y2="306.02"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7956" />
<stop offset=".994" stop-color="#ff9478" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#73727c" />
<stop offset="1" stop-color="#898890" />
</linearGradient>
<linearGradient
id="i"
x1="122.448"
x2="277.831"
y1="266.288"
y2="345.938"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1=".537"
x2="456.15"
y1="257.512"
y2="260.123"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="143.172"
x2="342.052"
y1="106.27"
y2="106.27"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="125.457"
x2="294.372"
y1="416.742"
y2="416.742"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#d)"
d="M105.401 126.496s46.033-58.05 104.503-62.251c58.471-4.2 153.869 12.206 127.7 111.583z"
/>
<path
fill="url(#e)"
d="M83.066 385.093s77.152 81.58 153.769 59.439 57.463-101.473 57.463-101.473z"
/>
<path
fill="url(#f)"
d="M449.772 171.414c-14.608 0-30.919 3.558-46.591 9.855-21.483 8.632-45.759 6.531-65.576-5.44-60.75-36.699-153.085-52.897-201.092-52.897C61.119 122.932 0 184.05 0 259.444s61.119 136.513 136.512 136.513c48.007 0 140.342-16.199 201.092-52.897 19.817-11.971 44.093-14.072 65.576-5.44 15.672 6.297 31.983 9.856 46.591 9.856 48.618 0 62.228-39.413 62.228-88.031.001-48.619-13.61-88.031-62.227-88.031z"
/>
<path
fill="#898890"
d="M449.772 171.414c-7.944 0-16.407 1.056-24.982 3.029 31.577 10.102 41.122 44.329 41.122 85.001s-9.546 74.899-41.122 85.002c8.575 1.973 17.038 3.029 24.982 3.029 48.618 0 62.228-39.413 62.228-88.03s-13.611-88.031-62.228-88.031z"
/>
<path
fill="url(#g)"
d="M202.086 360.439c13.399-42.335 13.772-100.995 13.772-100.995s-.373-58.661-13.772-100.995c-2.82-8.908-3.539-19.054-2.925-29.515-24.095-4.061-46.029-6.003-62.649-6.003-18.968 0-37.032 3.868-53.447 10.859 17.117 11.345 47.53 43.12 47.53 125.653s-30.413 114.303-47.53 125.649c16.415 6.991 34.478 10.863 53.447 10.863 16.619 0 38.554-1.942 62.649-6.003-.614-10.459.105-20.605 2.925-29.513z"
/>
<path
fill="url(#h)"
d="M223.838 259.512c26.389 11.813 38.205 42.782 26.392 69.171s-42.782 38.205-69.171 26.392-61.704-53.301-49.891-79.69 66.281-27.686 92.67-15.873z"
/>
<path
fill="url(#i)"
d="M223.838 259.512c-5.59-2.502-12.458-4.42-19.896-5.631 16.502 14.785 22.385 39.081 12.847 60.387-9.279 20.729-30.402 32.452-51.816 30.808 5.417 4.237 10.933 7.693 16.086 10 26.389 11.813 57.358-.003 69.171-26.392 11.813-26.39-.003-57.359-26.392-69.172z"
/>
<path
fill="url(#j)"
d="M403.18 181.269c-21.483 8.632-45.759 6.531-65.576-5.44 0 0-83.35 83.88 0 167.23 19.817-11.971 44.093-14.072 65.576-5.44 0 0-69.676-73.374 0-156.35z"
/>
<path
fill="url(#k)"
d="M209.92 64.245c-25.554 1.836-48.75 13.958-66.748 27.024 39.649-1.534 136.708 1.176 198.776 57.612 3.428-75.445-79.304-88.423-132.028-84.636z"
/>
<path
fill="url(#l)"
d="M236.835 444.532c38.507-11.128 52.823-36.703 57.537-59.392-57.771 37.781-133.409 37.209-168.915 34.338 29.39 19.118 70.458 36.88 111.378 25.054z"
/>
<ellipse cx="90.465" cy="271.406" fill="#ff85ab" rx="14.936" ry="12.003" />
<circle cx="64.858" cy="241.788" r="29.618" fill="#fff" />
<path
fill="#383842"
d="M68.062 248.33c-.94-1.71-2.554-1.895-3.205-1.895-.65 0-2.264.185-3.204 1.895a7.499 7.499 0 0 1-10.185 2.959 7.5 7.5 0 0 1-2.96-10.185 18.654 18.654 0 0 1 32.697 0c1.996 3.63.532 7.956-2.959 10.186-4.889 3.123-8.818-.476-10.184-2.96z"
/>
<g fill="#fffcf0">
<path
d="M256.871 185.122c-6.581-2.75-13.652-5.328-21.124-7.698-5.238-1.662-8.448-7.171-6.9-12.445 1.583-5.395 7.274-8.413 12.61-6.726 8.126 2.567 15.841 5.374 23.048 8.383 5.286 2.207 7.819 8.205 5.225 13.534-2.596 5.329-7.943 7.006-12.859 4.952z"
/>
<circle cx="294.778" cy="191.904" r="10" />
</g>
</svg>
More icons in the same style and category