wheel icon
wheel-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- wheel-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
Use the wheel icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m5.26 7.242l4.823 2.785q.233-.225.508-.389l-1.442-5.38a8.2 8.2 0 0 0-3.89 2.984m5.338-3.372l1.441 5.38q.319.004.635.083l2.785-4.824a8.2 8.2 0 0 0-4.861-.64m6.16 1.39l-2.785 4.823q.225.234.389.508l5.38-1.442a8.2 8.2 0 0 0-2.984-3.89m3.372 5.338l-5.38 1.441a2.7 2.7 0 0 1-.083.635l4.824 2.785a8.2 8.2 0 0 0 .64-4.861m-1.39 6.16l-4.823-2.785q-.234.225-.508.389l1.442 5.38a8.2 8.2 0 0 0 3.89-2.984m-5.338 3.372l-1.441-5.38a2.7 2.7 0 0 1-.635-.083L8.541 19.49a8.2 8.2 0 0 0 4.861.64m-6.16-1.39l2.785-4.823a2.7 2.7 0 0 1-.389-.508l-5.38 1.442a8.2 8.2 0 0 0 2.984 3.89M3.87 13.403l5.38-1.441q.004-.319.083-.635L4.509 8.541a8.2 8.2 0 0 0-.64 4.861m-.314-6.277C6.25 2.462 12.212.864 16.875 3.556s6.261 8.656 3.569 13.319s-8.656 6.261-13.32 3.569C2.463 17.75.865 11.788 3.557 7.125"/></svg>
React
import type { SVGProps } from "react";
export function MynauiWheelSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m5.26 7.242l4.823 2.785q.233-.225.508-.389l-1.442-5.38a8.2 8.2 0 0 0-3.89 2.984m5.338-3.372l1.441 5.38q.319.004.635.083l2.785-4.824a8.2 8.2 0 0 0-4.861-.64m6.16 1.39l-2.785 4.823q.225.234.389.508l5.38-1.442a8.2 8.2 0 0 0-2.984-3.89m3.372 5.338l-5.38 1.441a2.7 2.7 0 0 1-.083.635l4.824 2.785a8.2 8.2 0 0 0 .64-4.861m-1.39 6.16l-4.823-2.785q-.234.225-.508.389l1.442 5.38a8.2 8.2 0 0 0 3.89-2.984m-5.338 3.372l-1.441-5.38a2.7 2.7 0 0 1-.635-.083L8.541 19.49a8.2 8.2 0 0 0 4.861.64m-6.16-1.39l2.785-4.823a2.7 2.7 0 0 1-.389-.508l-5.38 1.442a8.2 8.2 0 0 0 2.984 3.89M3.87 13.403l5.38-1.441q.004-.319.083-.635L4.509 8.541a8.2 8.2 0 0 0-.64 4.861m-.314-6.277C6.25 2.462 12.212.864 16.875 3.556s6.261 8.656 3.569 13.319s-8.656 6.261-13.32 3.569C2.463 17.75.865 11.788 3.557 7.125"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m5.26 7.242l4.823 2.785q.233-.225.508-.389l-1.442-5.38a8.2 8.2 0 0 0-3.89 2.984m5.338-3.372l1.441 5.38q.319.004.635.083l2.785-4.824a8.2 8.2 0 0 0-4.861-.64m6.16 1.39l-2.785 4.823q.225.234.389.508l5.38-1.442a8.2 8.2 0 0 0-2.984-3.89m3.372 5.338l-5.38 1.441a2.7 2.7 0 0 1-.083.635l4.824 2.785a8.2 8.2 0 0 0 .64-4.861m-1.39 6.16l-4.823-2.785q-.234.225-.508.389l1.442 5.38a8.2 8.2 0 0 0 3.89-2.984m-5.338 3.372l-1.441-5.38a2.7 2.7 0 0 1-.635-.083L8.541 19.49a8.2 8.2 0 0 0 4.861.64m-6.16-1.39l2.785-4.823a2.7 2.7 0 0 1-.389-.508l-5.38 1.442a8.2 8.2 0 0 0 2.984 3.89M3.87 13.403l5.38-1.441q.004-.319.083-.635L4.509 8.541a8.2 8.2 0 0 0-.64 4.861m-.314-6.277C6.25 2.462 12.212.864 16.875 3.556s6.261 8.656 3.569 13.319s-8.656 6.261-13.32 3.569C2.463 17.75.865 11.788 3.557 7.125"/></svg> </template>
CSS
.icon-wheel-solid {
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%22currentColor%22%20d%3D%22m5.26%207.242l4.823%202.785q.233-.225.508-.389l-1.442-5.38a8.2%208.2%200%200%200-3.89%202.984m5.338-3.372l1.441%205.38q.319.004.635.083l2.785-4.824a8.2%208.2%200%200%200-4.861-.64m6.16%201.39l-2.785%204.823q.225.234.389.508l5.38-1.442a8.2%208.2%200%200%200-2.984-3.89m3.372%205.338l-5.38%201.441a2.7%202.7%200%200%201-.083.635l4.824%202.785a8.2%208.2%200%200%200%20.64-4.861m-1.39%206.16l-4.823-2.785q-.234.225-.508.389l1.442%205.38a8.2%208.2%200%200%200%203.89-2.984m-5.338%203.372l-1.441-5.38a2.7%202.7%200%200%201-.635-.083L8.541%2019.49a8.2%208.2%200%200%200%204.861.64m-6.16-1.39l2.785-4.823a2.7%202.7%200%200%201-.389-.508l-5.38%201.442a8.2%208.2%200%200%200%202.984%203.89M3.87%2013.403l5.38-1.441q.004-.319.083-.635L4.509%208.541a8.2%208.2%200%200%200-.64%204.861m-.314-6.277C6.25%202.462%2012.212.864%2016.875%203.556s6.261%208.656%203.569%2013.319s-8.656%206.261-13.32%203.569C2.463%2017.75.865%2011.788%203.557%207.125%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%22currentColor%22%20d%3D%22m5.26%207.242l4.823%202.785q.233-.225.508-.389l-1.442-5.38a8.2%208.2%200%200%200-3.89%202.984m5.338-3.372l1.441%205.38q.319.004.635.083l2.785-4.824a8.2%208.2%200%200%200-4.861-.64m6.16%201.39l-2.785%204.823q.225.234.389.508l5.38-1.442a8.2%208.2%200%200%200-2.984-3.89m3.372%205.338l-5.38%201.441a2.7%202.7%200%200%201-.083.635l4.824%202.785a8.2%208.2%200%200%200%20.64-4.861m-1.39%206.16l-4.823-2.785q-.234.225-.508.389l1.442%205.38a8.2%208.2%200%200%200%203.89-2.984m-5.338%203.372l-1.441-5.38a2.7%202.7%200%200%201-.635-.083L8.541%2019.49a8.2%208.2%200%200%200%204.861.64m-6.16-1.39l2.785-4.823a2.7%202.7%200%200%201-.389-.508l-5.38%201.442a8.2%208.2%200%200%200%202.984%203.89M3.87%2013.403l5.38-1.441q.004-.319.083-.635L4.509%208.541a8.2%208.2%200%200%200-.64%204.861m-.314-6.277C6.25%202.462%2012.212.864%2016.875%203.556s6.261%208.656%203.569%2013.319s-8.656%206.261-13.32%203.569C2.463%2017.75.865%2011.788%203.557%207.125%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/wheel-solid.svg?color=%231a73e8&size=48
