dizzy icon
dizzy-24px from Health Icons by Resolve to Save Lives · Filled 24px · Emotions · MIT Free for personal and commercial use.
- Name
- dizzy-24px
- Set
- Health Icons
- Style
- Filled 24px
- Category
- Emotions
- Viewbox
- 24×24
- License
- MIT
3 other variants in Health Icons
The same icon in other sets
More emotions icons from Health Icons
Use the dizzy icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m10-8a8 8 0 1 0 0 16a8 8 0 0 0 0-16" clip-rule="evenodd"/><path d="M7.63 16.174c0-1.107.46-2.169 1.28-2.951A4.48 4.48 0 0 1 12 12c1.159 0 2.27.44 3.09 1.223a4.08 4.08 0 0 1 1.28 2.951c0 1.108-2.663 1.586-4.37 1.586s-4.37-.478-4.37-1.586m1.097-7.971l-.993-.993l-1.06 1.06l.993.994l-.993.992l1.06 1.061l.993-.993l.993.993l1.06-1.06l-.992-.993l.993-.993L9.72 7.21zm6.75 0l.992-.993l1.061 1.06l-.993.994l.993.992l-1.06 1.06l-.993-.992l-.993.993l-1.06-1.06l.992-.993l-.993-.993l1.06-1.061z"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsDizzy24px(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m10-8a8 8 0 1 0 0 16a8 8 0 0 0 0-16" clipRule="evenodd"/><path d="M7.63 16.174c0-1.107.46-2.169 1.28-2.951A4.48 4.48 0 0 1 12 12c1.159 0 2.27.44 3.09 1.223a4.08 4.08 0 0 1 1.28 2.951c0 1.108-2.663 1.586-4.37 1.586s-4.37-.478-4.37-1.586m1.097-7.971l-.993-.993l-1.06 1.06l.993.994l-.993.992l1.06 1.061l.993-.993l.993.993l1.06-1.06l-.992-.993l.993-.993L9.72 7.21zm6.75 0l.992-.993l1.061 1.06l-.993.994l.993.992l-1.06 1.06l-.993-.992l-.993.993l-1.06-1.06l.992-.993l-.993-.993l1.06-1.061z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m10-8a8 8 0 1 0 0 16a8 8 0 0 0 0-16" clip-rule="evenodd"/><path d="M7.63 16.174c0-1.107.46-2.169 1.28-2.951A4.48 4.48 0 0 1 12 12c1.159 0 2.27.44 3.09 1.223a4.08 4.08 0 0 1 1.28 2.951c0 1.108-2.663 1.586-4.37 1.586s-4.37-.478-4.37-1.586m1.097-7.971l-.993-.993l-1.06 1.06l.993.994l-.993.992l1.06 1.061l.993-.993l.993.993l1.06-1.06l-.992-.993l.993-.993L9.72 7.21zm6.75 0l.992-.993l1.061 1.06l-.993.994l.993.992l-1.06 1.06l-.993-.992l-.993.993l-1.06-1.06l.992-.993l-.993-.993l1.06-1.061z"/></g></svg> </template>
CSS
.icon-dizzy-24px {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2%2012C2%206.477%206.477%202%2012%202s10%204.477%2010%2010s-4.477%2010-10%2010S2%2017.523%202%2012m10-8a8%208%200%201%200%200%2016a8%208%200%200%200%200-16%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M7.63%2016.174c0-1.107.46-2.169%201.28-2.951A4.48%204.48%200%200%201%2012%2012c1.159%200%202.27.44%203.09%201.223a4.08%204.08%200%200%201%201.28%202.951c0%201.108-2.663%201.586-4.37%201.586s-4.37-.478-4.37-1.586m1.097-7.971l-.993-.993l-1.06%201.06l.993.994l-.993.992l1.06%201.061l.993-.993l.993.993l1.06-1.06l-.992-.993l.993-.993L9.72%207.21zm6.75%200l.992-.993l1.061%201.06l-.993.994l.993.992l-1.06%201.06l-.993-.992l-.993.993l-1.06-1.06l.992-.993l-.993-.993l1.06-1.061z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2%2012C2%206.477%206.477%202%2012%202s10%204.477%2010%2010s-4.477%2010-10%2010S2%2017.523%202%2012m10-8a8%208%200%201%200%200%2016a8%208%200%200%200%200-16%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M7.63%2016.174c0-1.107.46-2.169%201.28-2.951A4.48%204.48%200%200%201%2012%2012c1.159%200%202.27.44%203.09%201.223a4.08%204.08%200%200%201%201.28%202.951c0%201.108-2.663%201.586-4.37%201.586s-4.37-.478-4.37-1.586m1.097-7.971l-.993-.993l-1.06%201.06l.993.994l-.993.992l1.06%201.061l.993-.993l.993.993l1.06-1.06l-.992-.993l.993-.993L9.72%207.21zm6.75%200l.992-.993l1.061%201.06l-.993.994l.993.992l-1.06%201.06l-.993-.992l-.993.993l-1.06-1.06l.992-.993l-.993-.993l1.06-1.061z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/dizzy-24px.svg?color=%231a73e8&size=48
