Add icons to this collection by clicking the heart icon.
Bell icon - also known as bell, music, boat, ship, sail, sailboat, sailing, sailing boat, and music and multimedia. Created in a clean gradient style with a white, navy, orange, 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 502 502"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ac6c58" />
<stop offset="1" stop-color="#da9b8c" />
</linearGradient>
<linearGradient
id="b"
x1="96.579"
x2="-25.393"
y1="348.13"
y2="348.13"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="398.045"
x2="398.045"
y1="223.016"
y2="-21.431"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="233.621"
x2="233.621"
y1="437.794"
y2="27.225"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4d952" />
<stop offset="1" stop-color="#f9edaf" />
</linearGradient>
<linearGradient
id="e"
x1="177.054"
x2="177.054"
y1="464.698"
y2="80.912"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#74d2e8" />
<stop offset="1" stop-color="#baeaf5" />
</linearGradient>
<circle cx="49.782" cy="348.13" r="49.782" fill="url(#b)" />
<path
fill="url(#c)"
d="M324.503 191.589c-40.551-40.551-40.551-106.533 0-147.084s106.533-40.551 147.084 0 40.551 106.533 0 147.084-106.533 40.551-147.084 0zm103.12-103.121c-16.31-16.31-42.848-16.31-59.158 0s-16.31 42.848 0 59.158 42.848 16.31 59.158 0 16.31-42.848 0-59.158z"
/>
<path
fill="url(#d)"
d="M193.318 144.952c-44.468 44.468-90.763 72.872-134.043 76.307 7.557 41.906 33.443 107.512 80.744 154.814s112.907 73.187 154.814 80.744c3.435-43.28 31.839-89.576 76.307-134.043 49.104-49.104 49.104-128.718 0-177.822s-128.718-49.104-177.822 0z"
/>
<path
fill="url(#e)"
d="M118.038 398.053c-52.65-52.65-81.041-125.172-89.356-171.278-3.047-16.896 8.181-33.063 25.077-36.11 16.895-3.046 33.062 8.18 36.11 25.077 7.251 40.21 32.368 98.583 72.133 138.348s98.138 64.882 138.348 72.133c16.898 3.045 28.125 19.215 25.077 36.11-3.047 16.896-19.214 28.124-36.11 25.077-46.107-8.315-118.629-36.706-171.279-89.357z"
/>
<path
fill="#efc534"
d="M182.373 343.539c-8.541 8.541-7.63 22.663 1.961 30.006 37.26 28.526 82.822 46.693 116.015 52.678.26.047.515.107.773.16 3.968-12.154 9.644-24.449 16.861-36.788a72.088 72.088 0 0 0-10.534-2.738c-27.403-4.941-67.062-20.731-98.89-45.135-7.916-6.069-19.132-5.236-26.186 1.817z"
/>
<path
fill="#eaadcd"
d="M186.212 226.714c-4.688 4.688-13.216 3.759-19.049-2.074s-6.762-14.362-2.074-19.049c4.688-4.688 13.216-3.759 19.049 2.074 5.833 5.832 6.762 14.361 2.074 19.049z"
/>
<ellipse
cx="299.939"
cy="340.441"
fill="#eaadcd"
rx="12.003"
ry="14.936"
transform="rotate(-45 299.9 340.521)"
/>
<circle cx="214.7" cy="213.316" r="29.618" fill="#fff" />
<circle cx="223.161" cy="221.777" r="17.652" fill="#3b3b44" />
<circle cx="302.775" cy="301.391" r="29.618" fill="#fff" />
<g fill="#3b3b44">
<circle
cx="311.192"
cy="309.808"
r="17.652"
transform="rotate(-16.86 310.89 309.632)"
/>
<ellipse
cx="242.862"
cy="273.229"
rx="17.352"
ry="13.252"
transform="rotate(-45 242.832 273.295)"
/>
</g>
<g fill="#fffde3">
<path
d="M241.934 155.862a10.001 10.001 0 0 1-9.096-5.834c-2.302-5.02-.099-10.956 4.922-13.258a106.16 106.16 0 0 1 9.358-3.762c5.221-1.81 10.916.947 12.729 6.164s-.947 10.915-6.164 12.729a86.203 86.203 0 0 0-7.587 3.049 9.97 9.97 0 0 1-4.162.912zM337.24 164.262a9.954 9.954 0 0 1-5.694-1.786c-12.374-8.591-26.889-13.795-41.974-15.049-5.504-.458-9.595-5.29-9.138-10.794.458-5.504 5.287-9.593 10.794-9.138 18.582 1.545 36.468 7.96 51.724 18.551 4.536 3.15 5.661 9.381 2.512 13.918a9.99 9.99 0 0 1-8.224 4.298z"
/>
</g>
</svg>
More icons in the same style and category