Add icons to this collection by clicking the heart icon.
Starfish icon - also known as animals, animal, sea life, starfish, aquatic, and aquarium. 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0f6ef6" />
<stop offset="1" stop-color="#053d8a" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="54.209"
x2="457.791"
y1="278.215"
y2="278.215"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb1b7" />
<stop offset="1" stop-color="#ff5a60" />
</linearGradient>
<path
d="M413.331 187.388c-53.934.972-104.814-4.775-109.415-23.398C278.298 60.309 278.174 43.003 256 43c-22.174.003-22.298 17.309-47.916 120.99-4.601 18.623-55.481 24.37-109.415 23.398s-57.64 43.484-17.398 57.537c33.872 11.828 70.655 14.498 79.93 19.893 14.042 8.169 23.144 16.735-1.793 51.786-31.936 44.888-60.808 80.715-38.276 104.589 16.238 17.206 42.335 5.68 86.41-49.07 35.33-43.887 48.239-39.594 48.458-39.517.219-.077 13.128-4.37 48.458 39.517 44.075 54.75 70.172 66.276 86.41 49.07 22.532-23.874-6.34-59.701-38.276-104.589-24.937-35.051-15.835-43.617-1.793-51.786 9.275-5.395 46.058-8.065 79.93-19.893 40.242-14.053 36.536-58.509-17.398-57.537z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="89.67"
x2="413.46"
y1="442.86"
y2="442.86"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fb233b" />
<stop offset="1" stop-color="#a60000" />
</linearGradient>
<circle cx="256" cy="71.14" r="8.378" fill="url(#c)" />
<linearGradient
id="d"
x1="89.67"
x2="413.46"
y1="442.86"
y2="442.86"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fb233b" />
<stop offset="1" stop-color="#a60000" />
</linearGradient>
<path
d="M264.38 71.14c0 4.63-3.75 8.38-8.38 8.38V62.76c4.63 0 8.38 3.75 8.38 8.38z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="89.67"
x2="413.46"
y1="401.44"
y2="401.44"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fb233b" />
<stop offset="1" stop-color="#a60000" />
</linearGradient>
<circle cx="256" cy="112.56" r="12.03" fill="url(#e)" />
<linearGradient
id="f"
x1="89.67"
x2="413.46"
y1="352.86"
y2="352.86"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fb233b" />
<stop offset="1" stop-color="#a60000" />
</linearGradient>
<circle cx="256" cy="161.14" r="18.319" fill="url(#f)" />
<linearGradient
id="g"
x1="89.67"
x2="413.46"
y1="121.6"
y2="121.6"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fb233b" />
<stop offset="1" stop-color="#a60000" />
</linearGradient>
<circle cx="148.44" cy="392.4" r="8.378" fill="url(#g)" />
<linearGradient
id="h"
x1="89.67"
x2="413.46"
y1="155.24"
y2="155.24"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fb233b" />
<stop offset="1" stop-color="#a60000" />
</linearGradient>
<circle cx="172.61" cy="358.76" r="12.03" fill="url(#h)" />
<linearGradient
id="i"
x1="89.67"
x2="413.46"
y1="194.7"
y2="194.7"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fb233b" />
<stop offset="1" stop-color="#a60000" />
</linearGradient>
<circle cx="200.95" cy="319.3" r="18.319" fill="url(#i)" />
<linearGradient
id="j"
x1="89.67"
x2="413.46"
y1="121.6"
y2="121.6"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fb233b" />
<stop offset="1" stop-color="#a60000" />
</linearGradient>
<circle cx="363.56" cy="392.4" r="8.378" fill="url(#j)" />
<linearGradient
id="k"
x1="89.67"
x2="413.46"
y1="155.24"
y2="155.24"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fb233b" />
<stop offset="1" stop-color="#a60000" />
</linearGradient>
<circle cx="339.39" cy="358.76" r="12.03" fill="url(#k)" />
<linearGradient
id="l"
x1="89.67"
x2="413.46"
y1="194.7"
y2="194.7"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fb233b" />
<stop offset="1" stop-color="#a60000" />
</linearGradient>
<circle cx="311.05" cy="319.3" r="18.319" fill="url(#l)" />
<linearGradient
id="m"
x1="89.67"
x2="413.46"
y1="295.68"
y2="295.68"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fb233b" />
<stop offset="1" stop-color="#a60000" />
</linearGradient>
<circle cx="89.02" cy="218.32" r="8.378" fill="url(#m)" />
<linearGradient
id="n"
x1="89.67"
x2="413.46"
y1="294.13"
y2="294.13"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fb233b" />
<stop offset="1" stop-color="#a60000" />
</linearGradient>
<circle cx="130.41" cy="219.87" r="12.03" fill="url(#n)" />
<linearGradient
id="o"
x1="89.67"
x2="413.46"
y1="292.31"
y2="292.31"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fb233b" />
<stop offset="1" stop-color="#a60000" />
</linearGradient>
<circle cx="178.96" cy="221.69" r="18.319" fill="url(#o)" />
<linearGradient
id="p"
x1="89.67"
x2="413.46"
y1="295.68"
y2="295.68"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fb233b" />
<stop offset="1" stop-color="#a60000" />
</linearGradient>
<circle cx="422.98" cy="218.32" r="8.378" fill="url(#p)" />
<linearGradient
id="q"
x1="89.67"
x2="413.46"
y1="294.13"
y2="294.13"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fb233b" />
<stop offset="1" stop-color="#a60000" />
</linearGradient>
<circle cx="381.59" cy="219.87" r="12.03" fill="url(#q)" />
<linearGradient
id="r"
x1="89.67"
x2="413.46"
y1="292.31"
y2="292.31"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fb233b" />
<stop offset="1" stop-color="#a60000" />
</linearGradient>
<circle cx="333.04" cy="221.69" r="18.319" fill="url(#r)" />
</svg>
More icons in the same style and category