Add icons to this collection by clicking the heart icon.
Calm icon - also known as peace, calm, wellness, miscellaneous, serenity, and tranquility. 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="d"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.981"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#560dff" />
<stop offset="1" stop-color="#73ecff" />
</linearGradient>
<radialGradient
id="e"
cx="256"
cy="174.873"
r="342.525"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6b23ea" />
<stop offset=".25" stop-color="#6859ee" stop-opacity=".75" />
<stop offset=".485" stop-color="#6684f1" stop-opacity=".515" />
<stop offset=".696" stop-color="#64a2f3" stop-opacity=".304" />
<stop offset=".875" stop-color="#63b5f5" stop-opacity=".125" />
<stop offset="1" stop-color="#63bcf5" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#73ecff" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="f"
x1="157.698"
x2="363.204"
y1="213.113"
y2="7.607"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#389fff" />
<stop offset=".939" stop-color="#63bcf5" stop-opacity="0" />
</linearGradient>
<radialGradient
id="g"
cx="259.741"
cy="269.785"
r="177.441"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="109.787"
x2="328.023"
y1="271.017"
y2="52.78"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#389fff" />
<stop offset=".114" stop-color="#43a6fc" stop-opacity=".879" />
<stop offset=".367" stop-color="#55b2f8" stop-opacity=".609" />
<stop offset=".634" stop-color="#60baf6" stop-opacity=".324" />
<stop offset=".939" stop-color="#63bcf5" stop-opacity="0" />
</linearGradient>
<radialGradient
id="i"
cx="264.275"
cy="269.66"
r="181.816"
gradientTransform="rotate(22.48 255.694 255.93)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="259.582"
x2="493.09"
y1="252.154"
y2="18.646"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="k"
cx="259.741"
cy="269.785"
r="177.441"
gradientTransform="matrix(-1 0 0 1 512 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="194.302"
x2="371.511"
y1="262.072"
y2="84.863"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="m"
cx="264.275"
cy="269.66"
r="181.816"
gradientTransform="scale(-1 1) rotate(22.51 -.127 -1030.12)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="72.054"
x2="317.163"
y1="337.797"
y2="92.687"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="36.761"
x2="375.362"
y1="367.115"
y2="28.514"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00b8ae" />
<stop offset=".5" stop-color="#66ffde" />
<stop offset=".563" stop-color="#6dffdf" />
<stop offset=".651" stop-color="#7fffe3" />
<stop offset=".755" stop-color="#9dffea" />
<stop offset=".871" stop-color="#c7fff3" />
<stop offset=".995" stop-color="#fcfffe" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="p"
x1="62.293"
x2="346.466"
y1="404.166"
y2="119.994"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00e5a1" />
<stop offset=".516" stop-color="#66ffde" />
<stop offset=".577" stop-color="#6dffdf" />
<stop offset=".663" stop-color="#7fffe3" />
<stop offset=".763" stop-color="#9dffea" />
<stop offset=".875" stop-color="#c7fff3" />
<stop offset=".995" stop-color="#fcfffe" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="q"
x1="182.341"
x2="420.194"
y1="419.431"
y2="181.578"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00e5a1" />
<stop offset=".5" stop-color="#66ffde" />
<stop offset=".563" stop-color="#6dffdf" />
<stop offset=".651" stop-color="#7fffe3" />
<stop offset=".755" stop-color="#9dffea" />
<stop offset=".871" stop-color="#c7fff3" />
<stop offset=".995" stop-color="#fcfffe" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="r"
x1="116.958"
x2="515.06"
y1="466.436"
y2="68.334"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#389fff" />
<stop offset=".12" stop-color="#40aff9" />
<stop offset=".572" stop-color="#5be9e6" />
<stop offset=".79" stop-color="#66ffde" />
<stop offset=".853" stop-color="#7effe3" />
<stop offset=".986" stop-color="#bbffef" />
<stop offset="1" stop-color="#c2fff0" />
</linearGradient>
<linearGradient
id="s"
x1="146.641"
x2="374.474"
y1="434.857"
y2="207.023"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3ca1ff" />
<stop offset=".098" stop-color="#3da4fe" />
<stop offset="1" stop-color="#4dfae6" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<circle cx="256" cy="256" r="256" fill="url(#e)" />
<path
fill="url(#f)"
d="M256 255.76c-.208-77.693-61.426-141.651-137.081-142.597-2.923-.041-5.403 2.441-5.364 5.371.878 75.826 64.734 137.04 142.445 137.226z"
/>
<path
fill="url(#g)"
d="M256 255.76c-.208-77.693-61.426-141.651-137.081-142.597-2.923-.041-5.403 2.441-5.364 5.371.878 75.826 64.734 137.04 142.445 137.226z"
/>
<path
fill="url(#h)"
d="M256 255.76c29.825-71.653-3.618-154.632-71.595-185.792-2.621-1.192-5.777.184-6.836 2.973-27.912 72.374 6.375 152.864 78.431 182.819z"
/>
<path
fill="url(#i)"
d="M256 255.76c29.825-71.653-3.618-154.632-71.595-185.792-2.621-1.192-5.777.184-6.836 2.973-27.912 72.374 6.375 152.864 78.431 182.819z"
/>
<path
fill="url(#j)"
d="M256 255.76c.208-77.693 61.425-141.651 137.081-142.597 2.923-.041 5.404 2.441 5.364 5.371-.877 75.826-64.733 137.04-142.445 137.226z"
/>
<path
fill="url(#k)"
d="M256 255.76c.208-77.693 61.425-141.651 137.081-142.597 2.923-.041 5.404 2.441 5.364 5.371-.877 75.826-64.733 137.04-142.445 137.226z"
/>
<path
fill="url(#l)"
d="M256 255.76c-29.824-71.653 3.618-154.632 71.595-185.792 2.621-1.192 5.777.184 6.836 2.973 27.913 72.374-6.375 152.864-78.431 182.819z"
/>
<path
fill="url(#m)"
d="M256 255.76c-29.824-71.653 3.618-154.632 71.595-185.792 2.621-1.192 5.777.184 6.836 2.973 27.913 72.374-6.375 152.864-78.431 182.819z"
/>
<path
fill="url(#n)"
d="M256 255.76c55.275-54.96 55.16-143.404 3.662-200.15a4.925 4.925 0 0 0-7.324 0C200.841 112.356 200.725 200.8 256 255.76z"
/>
<path
fill="url(#o)"
d="M112.877 255.868c-8.496.017-15.388 6.824-15.38 15.193s6.912 15.191 15.406 15.221c15.371.049 30.743.09 46.114.123a9177.611 9177.611 0 0 1-.018-30.596c-15.374.016-30.748.035-46.122.059z"
/>
<path
fill="url(#p)"
d="M143.621 271.098c.005 8.431 6.907 15.285 15.396 15.307 22.08.048 44.16.079 66.24.094 16.978.013 30.742-13.755 30.743-30.739-32.334 0-64.667.016-97.001.049-8.49.011-15.384 6.857-15.378 15.289z"
/>
<path
fill="url(#q)"
d="M399.127 255.868c-47.709-.072-95.418-.108-143.127-.108.001 16.983 13.766 30.753 30.743 30.739 37.453-.026 74.905-.098 112.358-.218 8.489-.031 15.398-6.848 15.406-15.22.01-8.374-6.89-15.177-15.38-15.193z"
/>
<path
fill="url(#r)"
d="M417.926 319.255c-26.967.522-26.724-17.125-53.78-16.886-27.036.203-27.187 18.068-54.174 18.279-26.975.157-26.929-17.82-53.975-17.802-27.044-.019-26.998 17.959-53.973 17.802-26.985-.21-27.137-18.077-54.17-18.279-27.056-.239-26.813 17.403-53.78 16.886-22.06-.45-26.337-12.135-41.9-16.577-5.916-1.685-11.203 3.451-9.456 9.106C71.546 400.844 160.304 476.983 256 477.249c95.697-.266 184.453-76.406 213.282-165.466 1.746-5.654-3.539-10.79-9.456-9.106-15.564 4.443-19.841 16.124-41.9 16.578z"
/>
<path
fill="url(#s)"
d="M316.831 444.965c-86.226 2.309-163.488-55.53-199.868-131.561-5.591 3.328-12.026 6.062-22.889 5.851-22.06-.45-26.337-12.135-41.9-16.577-5.916-1.685-11.203 3.451-9.456 9.106C71.546 400.844 160.304 476.983 256 477.249c45.854.045 88.705-17.157 125.298-44.601-20.598 7.403-42.188 11.769-64.467 12.317z"
/>
</svg>
More icons in the same style and category