wheel icon
wheel-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- wheel-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
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="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m1.47 13.196a1.768 1.768 0 0 0-2.94 0l-.748 1.121c-.316.475-.5 1.364.197 1.974c.415.363 1.075.71 2.021.71s1.606-.347 2.021-.71c.698-.61.513-1.498.196-1.974zm-6.262-3.971c-.55-.155-1.452-.055-1.816.797c-.217.507-.343 1.242-.051 2.141c.292.9.826 1.42 1.3 1.703c.795.476 1.583.024 1.937-.424l.836-1.056a1.767 1.767 0 0 0-.91-2.796zm11.4.797c-.365-.852-1.267-.95-1.817-.796l-1.297.364a1.767 1.767 0 0 0-.908 2.796l.835 1.057c.354.448 1.142.898 1.937.423c.474-.283 1.008-.803 1.3-1.703s.166-1.634-.05-2.142m-8.67-6.3c-.55-.05-1.288.058-2.053.614c-.766.556-1.096 1.225-1.219 1.763c-.206.903.467 1.512 1.002 1.71l1.264.468A1.766 1.766 0 0 0 11.31 8.55l-.054-1.347c-.023-.57-.396-1.398-1.319-1.481m4.124 0c-.922.083-1.295.91-1.318 1.481L12.69 8.55a1.767 1.767 0 0 0 2.378 1.728l1.264-.467c.535-.199 1.207-.809 1.001-1.712c-.123-.538-.453-1.206-1.218-1.762s-1.503-.664-2.052-.614"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteWheelFill(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="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m1.47 13.196a1.768 1.768 0 0 0-2.94 0l-.748 1.121c-.316.475-.5 1.364.197 1.974c.415.363 1.075.71 2.021.71s1.606-.347 2.021-.71c.698-.61.513-1.498.196-1.974zm-6.262-3.971c-.55-.155-1.452-.055-1.816.797c-.217.507-.343 1.242-.051 2.141c.292.9.826 1.42 1.3 1.703c.795.476 1.583.024 1.937-.424l.836-1.056a1.767 1.767 0 0 0-.91-2.796zm11.4.797c-.365-.852-1.267-.95-1.817-.796l-1.297.364a1.767 1.767 0 0 0-.908 2.796l.835 1.057c.354.448 1.142.898 1.937.423c.474-.283 1.008-.803 1.3-1.703s.166-1.634-.05-2.142m-8.67-6.3c-.55-.05-1.288.058-2.053.614c-.766.556-1.096 1.225-1.219 1.763c-.206.903.467 1.512 1.002 1.71l1.264.468A1.766 1.766 0 0 0 11.31 8.55l-.054-1.347c-.023-.57-.396-1.398-1.319-1.481m4.124 0c-.922.083-1.295.91-1.318 1.481L12.69 8.55a1.767 1.767 0 0 0 2.378 1.728l1.264-.467c.535-.199 1.207-.809 1.001-1.712c-.123-.538-.453-1.206-1.218-1.762s-1.503-.664-2.052-.614"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m1.47 13.196a1.768 1.768 0 0 0-2.94 0l-.748 1.121c-.316.475-.5 1.364.197 1.974c.415.363 1.075.71 2.021.71s1.606-.347 2.021-.71c.698-.61.513-1.498.196-1.974zm-6.262-3.971c-.55-.155-1.452-.055-1.816.797c-.217.507-.343 1.242-.051 2.141c.292.9.826 1.42 1.3 1.703c.795.476 1.583.024 1.937-.424l.836-1.056a1.767 1.767 0 0 0-.91-2.796zm11.4.797c-.365-.852-1.267-.95-1.817-.796l-1.297.364a1.767 1.767 0 0 0-.908 2.796l.835 1.057c.354.448 1.142.898 1.937.423c.474-.283 1.008-.803 1.3-1.703s.166-1.634-.05-2.142m-8.67-6.3c-.55-.05-1.288.058-2.053.614c-.766.556-1.096 1.225-1.219 1.763c-.206.903.467 1.512 1.002 1.71l1.264.468A1.766 1.766 0 0 0 11.31 8.55l-.054-1.347c-.023-.57-.396-1.398-1.319-1.481m4.124 0c-.922.083-1.295.91-1.318 1.481L12.69 8.55a1.767 1.767 0 0 0 2.378 1.728l1.264-.467c.535-.199 1.207-.809 1.001-1.712c-.123-.538-.453-1.206-1.218-1.762s-1.503-.664-2.052-.614"/></svg> </template>
CSS
.icon-wheel-fill {
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%22M12%202c5.523%200%2010%204.477%2010%2010s-4.477%2010-10%2010S2%2017.523%202%2012S6.477%202%2012%202m1.47%2013.196a1.768%201.768%200%200%200-2.94%200l-.748%201.121c-.316.475-.5%201.364.197%201.974c.415.363%201.075.71%202.021.71s1.606-.347%202.021-.71c.698-.61.513-1.498.196-1.974zm-6.262-3.971c-.55-.155-1.452-.055-1.816.797c-.217.507-.343%201.242-.051%202.141c.292.9.826%201.42%201.3%201.703c.795.476%201.583.024%201.937-.424l.836-1.056a1.767%201.767%200%200%200-.91-2.796zm11.4.797c-.365-.852-1.267-.95-1.817-.796l-1.297.364a1.767%201.767%200%200%200-.908%202.796l.835%201.057c.354.448%201.142.898%201.937.423c.474-.283%201.008-.803%201.3-1.703s.166-1.634-.05-2.142m-8.67-6.3c-.55-.05-1.288.058-2.053.614c-.766.556-1.096%201.225-1.219%201.763c-.206.903.467%201.512%201.002%201.71l1.264.468A1.766%201.766%200%200%200%2011.31%208.55l-.054-1.347c-.023-.57-.396-1.398-1.319-1.481m4.124%200c-.922.083-1.295.91-1.318%201.481L12.69%208.55a1.767%201.767%200%200%200%202.378%201.728l1.264-.467c.535-.199%201.207-.809%201.001-1.712c-.123-.538-.453-1.206-1.218-1.762s-1.503-.664-2.052-.614%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%22M12%202c5.523%200%2010%204.477%2010%2010s-4.477%2010-10%2010S2%2017.523%202%2012S6.477%202%2012%202m1.47%2013.196a1.768%201.768%200%200%200-2.94%200l-.748%201.121c-.316.475-.5%201.364.197%201.974c.415.363%201.075.71%202.021.71s1.606-.347%202.021-.71c.698-.61.513-1.498.196-1.974zm-6.262-3.971c-.55-.155-1.452-.055-1.816.797c-.217.507-.343%201.242-.051%202.141c.292.9.826%201.42%201.3%201.703c.795.476%201.583.024%201.937-.424l.836-1.056a1.767%201.767%200%200%200-.91-2.796zm11.4.797c-.365-.852-1.267-.95-1.817-.796l-1.297.364a1.767%201.767%200%200%200-.908%202.796l.835%201.057c.354.448%201.142.898%201.937.423c.474-.283%201.008-.803%201.3-1.703s.166-1.634-.05-2.142m-8.67-6.3c-.55-.05-1.288.058-2.053.614c-.766.556-1.096%201.225-1.219%201.763c-.206.903.467%201.512%201.002%201.71l1.264.468A1.766%201.766%200%200%200%2011.31%208.55l-.054-1.347c-.023-.57-.396-1.398-1.319-1.481m4.124%200c-.922.083-1.295.91-1.318%201.481L12.69%208.55a1.767%201.767%200%200%200%202.378%201.728l1.264-.467c.535-.199%201.207-.809%201.001-1.712c-.123-.538-.453-1.206-1.218-1.762s-1.503-.664-2.052-.614%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/wheel-fill.svg?color=%231a73e8&size=48
