uv 01 icon
uv-01 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- uv-01
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the uv 01 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.04 10.368c-1.115-.574-1.28-1.03-.908-2.192c.195-.61.785-1.784.342-2.409c-.58-.819-1.935-.128-2.65.1c-1.195.383-1.633.177-2.192-.907C13.312 4.338 12.88 3 12 3s-1.312 1.338-1.632 1.96c-.56 1.084-.998 1.29-2.192.908c-.715-.229-2.07-.92-2.651-.1c-.443.624.147 1.797.343 2.408c.371 1.162.206 1.618-.908 2.192C4.338 10.688 3 11.12 3 12s1.338 1.312 1.96 1.632c1.114.575 1.28 1.03.908 2.192c-.214.667-.856 1.92-.23 2.542c.622.62 1.873-.02 2.538-.234c1.194-.382 1.633-.176 2.192.908c.32.622.751 1.96 1.632 1.96s1.312-1.338 1.632-1.96c.559-1.084.997-1.29 2.192-.908c.665.213 1.915.854 2.538.234c.625-.623-.017-1.875-.23-2.542c-.372-1.162-.207-1.617.908-2.192c.62-.32 1.96-.752 1.96-1.632s-1.339-1.312-1.96-1.632Z"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsUv01(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeWidth="1.5" d="M19.04 10.368c-1.115-.574-1.28-1.03-.908-2.192c.195-.61.785-1.784.342-2.409c-.58-.819-1.935-.128-2.65.1c-1.195.383-1.633.177-2.192-.907C13.312 4.338 12.88 3 12 3s-1.312 1.338-1.632 1.96c-.56 1.084-.998 1.29-2.192.908c-.715-.229-2.07-.92-2.651-.1c-.443.624.147 1.797.343 2.408c.371 1.162.206 1.618-.908 2.192C4.338 10.688 3 11.12 3 12s1.338 1.312 1.96 1.632c1.114.575 1.28 1.03.908 2.192c-.214.667-.856 1.92-.23 2.542c.622.62 1.873-.02 2.538-.234c1.194-.382 1.633-.176 2.192.908c.32.622.751 1.96 1.632 1.96s1.312-1.338 1.632-1.96c.559-1.084.997-1.29 2.192-.908c.665.213 1.915.854 2.538.234c.625-.623-.017-1.875-.23-2.542c-.372-1.162-.207-1.617.908-2.192c.62-.32 1.96-.752 1.96-1.632s-1.339-1.312-1.96-1.632Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.04 10.368c-1.115-.574-1.28-1.03-.908-2.192c.195-.61.785-1.784.342-2.409c-.58-.819-1.935-.128-2.65.1c-1.195.383-1.633.177-2.192-.907C13.312 4.338 12.88 3 12 3s-1.312 1.338-1.632 1.96c-.56 1.084-.998 1.29-2.192.908c-.715-.229-2.07-.92-2.651-.1c-.443.624.147 1.797.343 2.408c.371 1.162.206 1.618-.908 2.192C4.338 10.688 3 11.12 3 12s1.338 1.312 1.96 1.632c1.114.575 1.28 1.03.908 2.192c-.214.667-.856 1.92-.23 2.542c.622.62 1.873-.02 2.538-.234c1.194-.382 1.633-.176 2.192.908c.32.622.751 1.96 1.632 1.96s1.312-1.338 1.632-1.96c.559-1.084.997-1.29 2.192-.908c.665.213 1.915.854 2.538.234c.625-.623-.017-1.875-.23-2.542c-.372-1.162-.207-1.617.908-2.192c.62-.32 1.96-.752 1.96-1.632s-1.339-1.312-1.96-1.632Z"/></svg> </template>
CSS
.icon-uv-01 {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M19.04%2010.368c-1.115-.574-1.28-1.03-.908-2.192c.195-.61.785-1.784.342-2.409c-.58-.819-1.935-.128-2.65.1c-1.195.383-1.633.177-2.192-.907C13.312%204.338%2012.88%203%2012%203s-1.312%201.338-1.632%201.96c-.56%201.084-.998%201.29-2.192.908c-.715-.229-2.07-.92-2.651-.1c-.443.624.147%201.797.343%202.408c.371%201.162.206%201.618-.908%202.192C4.338%2010.688%203%2011.12%203%2012s1.338%201.312%201.96%201.632c1.114.575%201.28%201.03.908%202.192c-.214.667-.856%201.92-.23%202.542c.622.62%201.873-.02%202.538-.234c1.194-.382%201.633-.176%202.192.908c.32.622.751%201.96%201.632%201.96s1.312-1.338%201.632-1.96c.559-1.084.997-1.29%202.192-.908c.665.213%201.915.854%202.538.234c.625-.623-.017-1.875-.23-2.542c-.372-1.162-.207-1.617.908-2.192c.62-.32%201.96-.752%201.96-1.632s-1.339-1.312-1.96-1.632Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M19.04%2010.368c-1.115-.574-1.28-1.03-.908-2.192c.195-.61.785-1.784.342-2.409c-.58-.819-1.935-.128-2.65.1c-1.195.383-1.633.177-2.192-.907C13.312%204.338%2012.88%203%2012%203s-1.312%201.338-1.632%201.96c-.56%201.084-.998%201.29-2.192.908c-.715-.229-2.07-.92-2.651-.1c-.443.624.147%201.797.343%202.408c.371%201.162.206%201.618-.908%202.192C4.338%2010.688%203%2011.12%203%2012s1.338%201.312%201.96%201.632c1.114.575%201.28%201.03.908%202.192c-.214.667-.856%201.92-.23%202.542c.622.62%201.873-.02%202.538-.234c1.194-.382%201.633-.176%202.192.908c.32.622.751%201.96%201.632%201.96s1.312-1.338%201.632-1.96c.559-1.084.997-1.29%202.192-.908c.665.213%201.915.854%202.538.234c.625-.623-.017-1.875-.23-2.542c-.372-1.162-.207-1.617.908-2.192c.62-.32%201.96-.752%201.96-1.632s-1.339-1.312-1.96-1.632Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/uv-01.svg?color=%231a73e8&size=48
