pinwheel icon
pinwheel-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- pinwheel-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
Related icons in MingCute Icon
Use the pinwheel icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.614 2.077A1.003 1.003 0 0 1 13 3v2.808q.366-.049.732-.082c1.045-.094 2.505-.12 3.647.349c1.473.603 2.615 2.103 3.335 3.249c.46.731.876 1.493 1.209 2.291A1.002 1.002 0 0 1 21 13h-2.81q.05.365.084.732c.094 1.045.12 2.505-.35 3.648c-.603 1.472-2.102 2.614-3.248 3.335c-.732.459-1.494.875-2.291 1.208A1 1 0 0 1 11 21v-2.81q-.366.05-.732.084c-1.045.095-2.504.12-3.647-.349c-1.472-.603-2.616-2.102-3.336-3.248a16 16 0 0 1-1.208-2.291A1.003 1.003 0 0 1 3 11h2.81q-.05-.366-.083-.733c-.095-1.044-.12-2.504.347-3.646c.604-1.473 2.103-2.615 3.25-3.335c.73-.46 1.493-.876 2.29-1.21M12 10.5a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3"/></svg>
React
import type { SVGProps } from "react";
export function MingcutePinwheelFill(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="M11.614 2.077A1.003 1.003 0 0 1 13 3v2.808q.366-.049.732-.082c1.045-.094 2.505-.12 3.647.349c1.473.603 2.615 2.103 3.335 3.249c.46.731.876 1.493 1.209 2.291A1.002 1.002 0 0 1 21 13h-2.81q.05.365.084.732c.094 1.045.12 2.505-.35 3.648c-.603 1.472-2.102 2.614-3.248 3.335c-.732.459-1.494.875-2.291 1.208A1 1 0 0 1 11 21v-2.81q-.366.05-.732.084c-1.045.095-2.504.12-3.647-.349c-1.472-.603-2.616-2.102-3.336-3.248a16 16 0 0 1-1.208-2.291A1.003 1.003 0 0 1 3 11h2.81q-.05-.366-.083-.733c-.095-1.044-.12-2.504.347-3.646c.604-1.473 2.103-2.615 3.25-3.335c.73-.46 1.493-.876 2.29-1.21M12 10.5a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.614 2.077A1.003 1.003 0 0 1 13 3v2.808q.366-.049.732-.082c1.045-.094 2.505-.12 3.647.349c1.473.603 2.615 2.103 3.335 3.249c.46.731.876 1.493 1.209 2.291A1.002 1.002 0 0 1 21 13h-2.81q.05.365.084.732c.094 1.045.12 2.505-.35 3.648c-.603 1.472-2.102 2.614-3.248 3.335c-.732.459-1.494.875-2.291 1.208A1 1 0 0 1 11 21v-2.81q-.366.05-.732.084c-1.045.095-2.504.12-3.647-.349c-1.472-.603-2.616-2.102-3.336-3.248a16 16 0 0 1-1.208-2.291A1.003 1.003 0 0 1 3 11h2.81q-.05-.366-.083-.733c-.095-1.044-.12-2.504.347-3.646c.604-1.473 2.103-2.615 3.25-3.335c.73-.46 1.493-.876 2.29-1.21M12 10.5a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3"/></svg> </template>
CSS
.icon-pinwheel-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%22M11.614%202.077A1.003%201.003%200%200%201%2013%203v2.808q.366-.049.732-.082c1.045-.094%202.505-.12%203.647.349c1.473.603%202.615%202.103%203.335%203.249c.46.731.876%201.493%201.209%202.291A1.002%201.002%200%200%201%2021%2013h-2.81q.05.365.084.732c.094%201.045.12%202.505-.35%203.648c-.603%201.472-2.102%202.614-3.248%203.335c-.732.459-1.494.875-2.291%201.208A1%201%200%200%201%2011%2021v-2.81q-.366.05-.732.084c-1.045.095-2.504.12-3.647-.349c-1.472-.603-2.616-2.102-3.336-3.248a16%2016%200%200%201-1.208-2.291A1.003%201.003%200%200%201%203%2011h2.81q-.05-.366-.083-.733c-.095-1.044-.12-2.504.347-3.646c.604-1.473%202.103-2.615%203.25-3.335c.73-.46%201.493-.876%202.29-1.21M12%2010.5a1.5%201.5%200%201%200%200%203a1.5%201.5%200%200%200%200-3%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%22M11.614%202.077A1.003%201.003%200%200%201%2013%203v2.808q.366-.049.732-.082c1.045-.094%202.505-.12%203.647.349c1.473.603%202.615%202.103%203.335%203.249c.46.731.876%201.493%201.209%202.291A1.002%201.002%200%200%201%2021%2013h-2.81q.05.365.084.732c.094%201.045.12%202.505-.35%203.648c-.603%201.472-2.102%202.614-3.248%203.335c-.732.459-1.494.875-2.291%201.208A1%201%200%200%201%2011%2021v-2.81q-.366.05-.732.084c-1.045.095-2.504.12-3.647-.349c-1.472-.603-2.616-2.102-3.336-3.248a16%2016%200%200%201-1.208-2.291A1.003%201.003%200%200%201%203%2011h2.81q-.05-.366-.083-.733c-.095-1.044-.12-2.504.347-3.646c.604-1.473%202.103-2.615%203.25-3.335c.73-.46%201.493-.876%202.29-1.21M12%2010.5a1.5%201.5%200%201%200%200%203a1.5%201.5%200%200%200%200-3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/pinwheel-fill.svg?color=%231a73e8&size=48
