Serenity Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Serenity icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/347148.svg" alt="Serenity icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/347148.svg" alt="Serenity icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/347148.svg" alt="Serenity icon" :width="24" :height="24" />
CSS background
.icon-serenity {
background-image: url('https://proicons.com/icon/347148.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?><svg id="b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.f{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path class="f" d="M24.022,12.2416c-3.4483,2.721-5.4655,6.8675-5.4779,11.26.0122,4.3828,2.0203,8.5213,5.4556,11.243,3.4353-2.7217,5.4434-6.8602,5.4556-11.243-.0016-4.385-2.0018-8.5301-5.4334-11.26h0Z"/><path class="f" d="M28.42,18.2176c1.9849-1.5679,4.3478-2.5852,6.8509-2.9493h0c1.607,4.0801,1.2666,8.6701-.9247,12.469-2.2019,3.7897-6.0104,6.3698-10.346,7.0093,4.0749,1.6142,8.6632,1.2841,12.465-.897,3.7969-2.1938,6.3868-5.9987,7.0351-10.336h0c-2.3432-.9336-4.8906-1.2351-7.3871-.8743"/><path class="f" d="M19.58,18.2176c-1.9849-1.5679-4.3478-2.5852-6.8509-2.9493h0c-1.607,4.0801-1.2666,8.6701.9247,12.469,2.2019,3.7897,6.0104,6.3698,10.346,7.0093-4.0748,1.6142-8.6632,1.2841-12.465-.897-3.7969-2.1938-6.3868-5.9987-7.0351-10.336h0c2.3432-.9336,4.8906-1.2351,7.3871-.8743"/></svg>
More from Arcticons
View all
Serenity in other icon packs
Copied!