reflex icon
reflex from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- reflex
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the reflex icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M22 10.5H11.829c-1.136 0-1.704 0-2.17.271c-.467.272-.747.765-1.308 1.753l-4.642 8.928M22.001 10.5c0-.56-2.001-2-2.001-2m2 2c0 .56-2 2-2 2M3.708 21.452C3.238 21.18 3 18.794 3 18.794m.708 2.658c.47.273 2.645-.713 2.645-.713"/><path d="M15.937 10.5q.063-.467.063-.951C16 5.656 12.866 2.5 9 2.5S2 5.656 2 9.549C2 12.36 3.635 14.869 6 16"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsReflex(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path strokeLinejoin="round" d="M22 10.5H11.829c-1.136 0-1.704 0-2.17.271c-.467.272-.747.765-1.308 1.753l-4.642 8.928M22.001 10.5c0-.56-2.001-2-2.001-2m2 2c0 .56-2 2-2 2M3.708 21.452C3.238 21.18 3 18.794 3 18.794m.708 2.658c.47.273 2.645-.713 2.645-.713"/><path d="M15.937 10.5q.063-.467.063-.951C16 5.656 12.866 2.5 9 2.5S2 5.656 2 9.549C2 12.36 3.635 14.869 6 16"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M22 10.5H11.829c-1.136 0-1.704 0-2.17.271c-.467.272-.747.765-1.308 1.753l-4.642 8.928M22.001 10.5c0-.56-2.001-2-2.001-2m2 2c0 .56-2 2-2 2M3.708 21.452C3.238 21.18 3 18.794 3 18.794m.708 2.658c.47.273 2.645-.713 2.645-.713"/><path d="M15.937 10.5q.063-.467.063-.951C16 5.656 12.866 2.5 9 2.5S2 5.656 2 9.549C2 12.36 3.635 14.869 6 16"/></g></svg> </template>
CSS
.icon-reflex {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M22%2010.5H11.829c-1.136%200-1.704%200-2.17.271c-.467.272-.747.765-1.308%201.753l-4.642%208.928M22.001%2010.5c0-.56-2.001-2-2.001-2m2%202c0%20.56-2%202-2%202M3.708%2021.452C3.238%2021.18%203%2018.794%203%2018.794m.708%202.658c.47.273%202.645-.713%202.645-.713%22%2F%3E%3Cpath%20d%3D%22M15.937%2010.5q.063-.467.063-.951C16%205.656%2012.866%202.5%209%202.5S2%205.656%202%209.549C2%2012.36%203.635%2014.869%206%2016%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M22%2010.5H11.829c-1.136%200-1.704%200-2.17.271c-.467.272-.747.765-1.308%201.753l-4.642%208.928M22.001%2010.5c0-.56-2.001-2-2.001-2m2%202c0%20.56-2%202-2%202M3.708%2021.452C3.238%2021.18%203%2018.794%203%2018.794m.708%202.658c.47.273%202.645-.713%202.645-.713%22%2F%3E%3Cpath%20d%3D%22M15.937%2010.5q.063-.467.063-.951C16%205.656%2012.866%202.5%209%202.5S2%205.656%202%209.549C2%2012.36%203.635%2014.869%206%2016%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/reflex.svg?color=%231a73e8&size=48
