Add icons to this collection by clicking the heart icon.
Bell icon - also known as bell, music, alarm, Tools and utensils, alert, musical instrument, and music and multimedia. 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 511.993 511.993"
>
<linearGradient
id="a"
x1="69.654"
x2="416.136"
y1="448.212"
y2="101.73"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5262e6" />
<stop offset="1" stop-color="#0021b5" />
</linearGradient>
<circle cx="255.996" cy="255.996" r="255.996" fill="url(#a)" />
<linearGradient
id="b"
x1="128.895"
x2="372.915"
y1="116.151"
y2="116.151"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe56c" />
<stop offset="1" stop-color="#f2b329" />
</linearGradient>
<circle cx="255.996" cy="421.945" r="48.253" fill="url(#b)" />
<linearGradient
id="c"
x1="128.895"
x2="372.915"
y1="473.122"
y2="473.122"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fec000" />
<stop offset=".318" stop-color="#f9bd00" />
<stop offset=".679" stop-color="#ecb300" />
<stop offset="1" stop-color="#d9a600" />
</linearGradient>
<path
d="M231.265 65.171c0-13.661 11.074-24.734 24.734-24.734s24.734 11.074 24.734 24.734c0 1.614-.166 3.189-.462 4.718a140.207 140.207 0 0 1 15.676 3.653c.563-2.702.863-5.501.863-8.37 0-22.54-18.272-40.812-40.812-40.812s-40.812 18.271-40.812 40.811c0 2.869.299 5.667.863 8.37a140.48 140.48 0 0 1 15.676-3.653 24.924 24.924 0 0 1-.46-4.717z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="128.895"
x2="372.915"
y1="279.594"
y2="279.594"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe56c" />
<stop offset="1" stop-color="#f2b329" />
</linearGradient>
<path
d="M410.537 331.558c-18.33-53.286-20.409-134.042-20.411-134.124v-.002c0-74.076-60.05-134.126-134.126-134.126s-134.126 60.05-134.126 134.126v.002c-.002.083-2.08 80.838-20.411 134.124-17.911 52.068-25.599 67.812-25.599 67.812s89.746 39.655 180.135 39.655 180.136-39.655 180.136-39.655-7.687-15.744-25.598-67.812z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="128.895"
x2="372.915"
y1="145.985"
y2="145.985"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff8900" />
<stop offset="1" stop-color="#9a4c00" />
</linearGradient>
<path
d="M97.657 342.517c-15.195 43.331-21.792 56.853-21.792 56.853S165.611 439.025 256 439.025s180.136-39.655 180.136-39.655-6.597-13.522-21.792-56.853C370.665 366.446 315.708 380.71 256 380.71c-59.707-.001-114.664-14.263-158.343-38.193z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="128.895"
x2="372.915"
y1="379.151"
y2="379.151"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffec97" />
<stop offset="1" stop-color="#ffdb2d" />
</linearGradient>
<circle cx="322.221" cy="147.14" r="23.849" fill="url(#f)" />
</svg>
More icons in the same style and category