Uv Index Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Uv Index 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/349174.svg" alt="Uv Index icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/349174.svg" alt="Uv Index icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/349174.svg" alt="Uv Index icon" :width="24" :height="24" />
CSS background
.icon-uv-index {
background-image: url('https://proicons.com/icon/349174.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="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.b{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path class="b" d="M45.5,24c0,11.8741-9.6259,21.5-21.5,21.5S2.5,35.8741,2.5,24,12.1259,2.5,24,2.5s21.5,9.6259,21.5,21.5Z"/><path class="b" d="M40.567,24c0,9.1497-7.4173,16.567-16.567,16.567h0c-9.1497,0-16.567-7.4173-16.567-16.567,0,0,0,0,0,0,0-9.1497,7.4173-16.567,16.567-16.567h0c9.1497,0,16.567,7.4173,16.567,16.567h0Z"/><path class="b" d="M35.22,24c0,6.1966-5.0234,11.22-11.22,11.22h0c-6.1966,0-11.22-5.0234-11.22-11.22h0c0-6.1966,5.0234-11.22,11.22-11.22h0c6.1966,0,11.22,5.0234,11.22,11.22h0Z"/><path class="b" d="M29.968,20.555l-2.3,6.89-2.298-6.89M18.032,20.555v4.608c.0044,1.2647,1.0332,2.2864,2.298,2.282.0007,0,.0014,0,.002,0,1.2647.0044,2.2936-1.0172,2.298-2.282h0v-4.608"/></svg>
More from Arcticons
View all
Uv Index in other icon packs
Copied!