Add icons to this collection by clicking the heart icon.
Shell icon - also known as animals, animal, sea life, holidays, aquarium, shell, conch shell, and sea snail. Created in a clean flat gradient style with a gray 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"
>
<radialGradient
id="c"
cx="352.833"
cy="342.335"
r="255.22"
gradientUnits="userSpaceOnUse"
>
<stop offset=".696" stop-color="#ffa18f" />
<stop offset=".731" stop-color="#ffa290" stop-opacity=".983" />
<stop offset=".768" stop-color="#ffa492" stop-opacity=".932" />
<stop offset=".808" stop-color="#ffa796" stop-opacity=".848" />
<stop offset=".848" stop-color="#ffab9b" stop-opacity=".729" />
<stop offset=".888" stop-color="#ffb1a1" stop-opacity=".576" />
<stop offset=".93" stop-color="#ffb8a9" stop-opacity=".39" />
<stop offset=".971" stop-color="#ffc0b3" stop-opacity=".173" />
<stop offset="1" stop-color="#ffc6ba" stop-opacity="0" />
</radialGradient>
<linearGradient
id="d"
x1="232.536"
x2="222.103"
y1="230.499"
y2="130.803"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc6ba" stop-opacity="0" />
<stop offset=".007" stop-color="#ffc5b8" stop-opacity=".036" />
<stop offset=".048" stop-color="#ffbeb1" stop-opacity=".216" />
<stop offset=".093" stop-color="#ffb8a9" stop-opacity=".385" />
<stop offset=".142" stop-color="#ffb2a3" stop-opacity=".533" />
<stop offset=".195" stop-color="#ffae9e" stop-opacity=".66" />
<stop offset=".254" stop-color="#fa9" stop-opacity=".767" />
<stop offset=".32" stop-color="#ffa695" stop-opacity=".853" />
<stop offset=".397" stop-color="#ffa492" stop-opacity=".92" />
<stop offset=".493" stop-color="#ffa290" stop-opacity=".966" />
<stop offset=".627" stop-color="#ffa18f" stop-opacity=".993" />
<stop offset="1" stop-color="#ffa18f" />
</linearGradient>
<linearGradient
id="e"
x1="142.225"
x2="309.148"
y1="281.896"
y2="281.896"
gradientUnits="userSpaceOnUse"
>
<stop offset=".037" stop-color="#414344" stop-opacity="0" />
<stop offset=".148" stop-color="#3b3c3d" stop-opacity=".25" />
<stop offset=".4" stop-color="#303132" stop-opacity=".669" />
<stop offset=".672" stop-color="#292a2b" stop-opacity=".92" />
<stop offset="1" stop-color="#272829" />
</linearGradient>
<radialGradient
id="a"
cx="378.381"
cy="55.735"
r="54.381"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffbaac" stop-opacity="0" />
<stop offset=".126" stop-color="#ffb9ab" stop-opacity=".017" />
<stop offset=".254" stop-color="#feb6a8" stop-opacity=".068" />
<stop offset=".384" stop-color="#fdb2a3" stop-opacity=".152" />
<stop offset=".515" stop-color="#fbac9b" stop-opacity=".271" />
<stop offset=".646" stop-color="#f9a492" stop-opacity=".424" />
<stop offset=".778" stop-color="#f79a87" stop-opacity=".611" />
<stop offset=".908" stop-color="#f48f7a" stop-opacity=".828" />
<stop offset="1" stop-color="#f2866f" />
</radialGradient>
<radialGradient
id="b"
cx="325.148"
cy="62.745"
r="128.259"
gradientUnits="userSpaceOnUse"
>
<stop offset=".141" stop-color="#ffc6ba" stop-opacity="0" />
<stop offset=".207" stop-color="#ffc4b7" stop-opacity=".062" />
<stop offset=".336" stop-color="#ffbeb0" stop-opacity=".226" />
<stop offset=".515" stop-color="#ffb4a5" stop-opacity=".49" />
<stop offset=".736" stop-color="#ffa796" stop-opacity=".849" />
<stop offset=".824" stop-color="#ffa18f" />
</radialGradient>
<radialGradient id="f" cx="263.274" cy="75.891" r="151.133" href="#a" />
<radialGradient
id="g"
cx="159.42"
cy="195.601"
r="225.15"
fx="132.743"
gradientTransform="matrix(.758 .653 -1.181 1.371 269.535 -176.546)"
href="#b"
/>
<path
fill="#ffb0a1"
d="M217.406 144.288c-64.749 35.32-98.217 94.41-105.064 176.936s-23.589 88.451-23.589 88.451l8.448 14.189 237.657-153.97z"
/>
<path
fill="url(#c)"
d="M217.406 144.288c-64.749 35.32-98.217 94.41-105.064 176.936s-23.589 88.451-23.589 88.451l8.448 14.189 237.657-153.97z"
/>
<path
fill="url(#d)"
d="M217.406 144.288a216.717 216.717 0 0 0-15.25 9.167v73.993s36.37-25.38 55.977-39.605z"
/>
<path
fill="#414344"
d="M232.983 178.48c-74.75 45.03-90.758 206.83-90.758 206.83l166.923-116.523z"
/>
<path
fill="url(#e)"
d="M232.983 178.48c-74.75 45.03-90.758 206.83-90.758 206.83l166.923-116.523z"
/>
<path
fill="#ffa68f"
d="M420.546 116.315c5.285-9.724 19.486-39.265 12.366-48.82-8.44-11.327-57.674 10.775-57.674 10.775z"
/>
<path
fill="url(#a)"
d="M420.546 116.315c5.285-9.724 19.486-39.265 12.366-48.82-8.44-11.327-57.674 10.775-57.674 10.775z"
/>
<path
fill="#ffc6ba"
d="M394.739 159.914c58.559-33.18 17.443-111.298-43.917-82.948L320.775 90.85z"
/>
<path
fill="url(#b)"
d="M394.739 159.914c58.559-33.18 17.443-111.298-43.917-82.948L320.775 90.85z"
/>
<path
fill="#ffa68f"
d="M369.898 223.56c79.418-60.985 10.845-172.028-76.137-131.84l-27.79 12.84z"
/>
<path
fill="url(#f)"
d="M369.898 223.56c79.418-60.985 10.845-172.028-76.137-131.84l-27.79 12.84z"
/>
<path
fill="#ffc6ba"
d="M203.811 126.826c-17.385 24.335 24.93 64.984 24.93 64.984 72.866 66.137-29.22 134.405-43.695 147.253 0 0-100.957 69.348-106.81 81.233s12.36 38.825 35.074 22.127 41.357-47.727 80.076-57.171C557.826 296.357 293.863.773 203.811 126.826z"
/>
<path
fill="url(#g)"
d="M203.811 126.826c-17.385 24.335 24.93 64.984 24.93 64.984 72.866 66.137-29.22 134.405-43.695 147.253 0 0-100.957 69.348-106.81 81.233s12.36 38.825 35.074 22.127 41.357-47.727 80.076-57.171C557.826 296.357 293.863.773 203.811 126.826z"
/>
</svg>
More icons in the same style and category