wheel2 icon
wheel2-duotone from Reicon by REICON · Duotone · Parts · MIT Free for personal and commercial use.
- Name
- wheel2-duotone
- Set
- Reicon
- Style
- Duotone
- Category
- Parts
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More parts icons from Reicon
Use the wheel2 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="M4.433 4.773C3.557 6.595 3 9.15 3 12s.557 5.405 1.433 7.227C5.333 21.1 6.461 22 7.5 22s2.166-.9 3.067-2.773C11.443 17.405 12 14.85 12 12s-.557-5.405-1.433-7.227C9.667 2.9 8.539 2 7.5 2s-2.166.9-3.067 2.773M5.813 12c0 3.488.755 6.316 1.687 6.316c.86 0 1.57-2.411 1.674-5.526H8.063c-.466 0-.844-.354-.844-.79s.378-.79.843-.79h1.112C9.071 8.095 8.361 5.685 7.5 5.685c-.932 0-1.687 2.828-1.687 6.316" clip-rule="evenodd"/><path d="M10.567 19.227C9.667 21.1 8.539 22 7.5 22h8.872C18.928 22 21 17.523 21 12S18.928 2 16.372 2H7.5c1.039 0 2.166.9 3.067 2.773C11.443 6.595 12 9.15 12 12s-.557 5.405-1.433 7.227" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconWheel2Duotone(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="M4.433 4.773C3.557 6.595 3 9.15 3 12s.557 5.405 1.433 7.227C5.333 21.1 6.461 22 7.5 22s2.166-.9 3.067-2.773C11.443 17.405 12 14.85 12 12s-.557-5.405-1.433-7.227C9.667 2.9 8.539 2 7.5 2s-2.166.9-3.067 2.773M5.813 12c0 3.488.755 6.316 1.687 6.316c.86 0 1.57-2.411 1.674-5.526H8.063c-.466 0-.844-.354-.844-.79s.378-.79.843-.79h1.112C9.071 8.095 8.361 5.685 7.5 5.685c-.932 0-1.687 2.828-1.687 6.316" clipRule="evenodd"/><path d="M10.567 19.227C9.667 21.1 8.539 22 7.5 22h8.872C18.928 22 21 17.523 21 12S18.928 2 16.372 2H7.5c1.039 0 2.166.9 3.067 2.773C11.443 6.595 12 9.15 12 12s-.557 5.405-1.433 7.227" opacity=".5"/></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="M4.433 4.773C3.557 6.595 3 9.15 3 12s.557 5.405 1.433 7.227C5.333 21.1 6.461 22 7.5 22s2.166-.9 3.067-2.773C11.443 17.405 12 14.85 12 12s-.557-5.405-1.433-7.227C9.667 2.9 8.539 2 7.5 2s-2.166.9-3.067 2.773M5.813 12c0 3.488.755 6.316 1.687 6.316c.86 0 1.57-2.411 1.674-5.526H8.063c-.466 0-.844-.354-.844-.79s.378-.79.843-.79h1.112C9.071 8.095 8.361 5.685 7.5 5.685c-.932 0-1.687 2.828-1.687 6.316" clip-rule="evenodd"/><path d="M10.567 19.227C9.667 21.1 8.539 22 7.5 22h8.872C18.928 22 21 17.523 21 12S18.928 2 16.372 2H7.5c1.039 0 2.166.9 3.067 2.773C11.443 6.595 12 9.15 12 12s-.557 5.405-1.433 7.227" opacity=".5"/></g></svg> </template>
CSS
.icon-wheel2-duotone {
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%22M4.433%204.773C3.557%206.595%203%209.15%203%2012s.557%205.405%201.433%207.227C5.333%2021.1%206.461%2022%207.5%2022s2.166-.9%203.067-2.773C11.443%2017.405%2012%2014.85%2012%2012s-.557-5.405-1.433-7.227C9.667%202.9%208.539%202%207.5%202s-2.166.9-3.067%202.773M5.813%2012c0%203.488.755%206.316%201.687%206.316c.86%200%201.57-2.411%201.674-5.526H8.063c-.466%200-.844-.354-.844-.79s.378-.79.843-.79h1.112C9.071%208.095%208.361%205.685%207.5%205.685c-.932%200-1.687%202.828-1.687%206.316%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M10.567%2019.227C9.667%2021.1%208.539%2022%207.5%2022h8.872C18.928%2022%2021%2017.523%2021%2012S18.928%202%2016.372%202H7.5c1.039%200%202.166.9%203.067%202.773C11.443%206.595%2012%209.15%2012%2012s-.557%205.405-1.433%207.227%22%20opacity%3D%22.5%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%22M4.433%204.773C3.557%206.595%203%209.15%203%2012s.557%205.405%201.433%207.227C5.333%2021.1%206.461%2022%207.5%2022s2.166-.9%203.067-2.773C11.443%2017.405%2012%2014.85%2012%2012s-.557-5.405-1.433-7.227C9.667%202.9%208.539%202%207.5%202s-2.166.9-3.067%202.773M5.813%2012c0%203.488.755%206.316%201.687%206.316c.86%200%201.57-2.411%201.674-5.526H8.063c-.466%200-.844-.354-.844-.79s.378-.79.843-.79h1.112C9.071%208.095%208.361%205.685%207.5%205.685c-.932%200-1.687%202.828-1.687%206.316%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M10.567%2019.227C9.667%2021.1%208.539%2022%207.5%2022h8.872C18.928%2022%2021%2017.523%2021%2012S18.928%202%2016.372%202H7.5c1.039%200%202.166.9%203.067%202.773C11.443%206.595%2012%209.15%2012%2012s-.557%205.405-1.433%207.227%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/wheel2-duotone.svg?color=%231a73e8&size=48
