loader pinwheel icon
loader-pinwheel from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- loader-pinwheel
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Huge Icons
Use the loader pinwheel 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-linejoin="round" stroke-width="1.5"><circle cx="12" cy="12" r="9"/><path d="M9 3.517a5.6 5.6 0 0 1 1.75.134c1.3.31 2.41 1.07 3.087 2.116a4.16 4.16 0 0 1 .518 3.458c-.344 1.168-1.19 2.166-2.354 2.774c-1.163.608-2.01 1.606-2.354 2.775a4.16 4.16 0 0 0 .518 3.458c.676 1.045 1.787 1.806 3.088 2.115a5.6 5.6 0 0 0 1.747.134"/><path d="M17.846 5.16c.33.48.59 1.015.758 1.582c.383 1.281.28 2.623-.288 3.732a4.16 4.16 0 0 1-2.735 2.178c-1.185.286-2.473.052-3.58-.652s-2.396-.938-3.58-.652a4.16 4.16 0 0 0-2.736 2.178c-.567 1.108-.67 2.45-.288 3.732c.169.566.426 1.1.757 1.58"/><path d="M20.846 13.642a5.6 5.6 0 0 1-.99 1.448c-.919.972-2.133 1.553-3.377 1.616a4.16 4.16 0 0 1-3.254-1.28c-.84-.882-1.28-2.115-1.225-3.426s-.386-2.544-1.226-3.426a4.16 4.16 0 0 0-3.254-1.28c-1.243.063-2.458.644-3.376 1.616c-.406.43-.739.92-.99 1.446"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsLoaderPinwheel(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" strokeLinejoin="round" strokeWidth="1.5"><circle cx="12" cy="12" r="9"/><path d="M9 3.517a5.6 5.6 0 0 1 1.75.134c1.3.31 2.41 1.07 3.087 2.116a4.16 4.16 0 0 1 .518 3.458c-.344 1.168-1.19 2.166-2.354 2.774c-1.163.608-2.01 1.606-2.354 2.775a4.16 4.16 0 0 0 .518 3.458c.676 1.045 1.787 1.806 3.088 2.115a5.6 5.6 0 0 0 1.747.134"/><path d="M17.846 5.16c.33.48.59 1.015.758 1.582c.383 1.281.28 2.623-.288 3.732a4.16 4.16 0 0 1-2.735 2.178c-1.185.286-2.473.052-3.58-.652s-2.396-.938-3.58-.652a4.16 4.16 0 0 0-2.736 2.178c-.567 1.108-.67 2.45-.288 3.732c.169.566.426 1.1.757 1.58"/><path d="M20.846 13.642a5.6 5.6 0 0 1-.99 1.448c-.919.972-2.133 1.553-3.377 1.616a4.16 4.16 0 0 1-3.254-1.28c-.84-.882-1.28-2.115-1.225-3.426s-.386-2.544-1.226-3.426a4.16 4.16 0 0 0-3.254-1.28c-1.243.063-2.458.644-3.376 1.616c-.406.43-.739.92-.99 1.446"/></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-linejoin="round" stroke-width="1.5"><circle cx="12" cy="12" r="9"/><path d="M9 3.517a5.6 5.6 0 0 1 1.75.134c1.3.31 2.41 1.07 3.087 2.116a4.16 4.16 0 0 1 .518 3.458c-.344 1.168-1.19 2.166-2.354 2.774c-1.163.608-2.01 1.606-2.354 2.775a4.16 4.16 0 0 0 .518 3.458c.676 1.045 1.787 1.806 3.088 2.115a5.6 5.6 0 0 0 1.747.134"/><path d="M17.846 5.16c.33.48.59 1.015.758 1.582c.383 1.281.28 2.623-.288 3.732a4.16 4.16 0 0 1-2.735 2.178c-1.185.286-2.473.052-3.58-.652s-2.396-.938-3.58-.652a4.16 4.16 0 0 0-2.736 2.178c-.567 1.108-.67 2.45-.288 3.732c.169.566.426 1.1.757 1.58"/><path d="M20.846 13.642a5.6 5.6 0 0 1-.99 1.448c-.919.972-2.133 1.553-3.377 1.616a4.16 4.16 0 0 1-3.254-1.28c-.84-.882-1.28-2.115-1.225-3.426s-.386-2.544-1.226-3.426a4.16 4.16 0 0 0-3.254-1.28c-1.243.063-2.458.644-3.376 1.616c-.406.43-.739.92-.99 1.446"/></g></svg> </template>
CSS
.icon-loader-pinwheel {
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-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9%203.517a5.6%205.6%200%200%201%201.75.134c1.3.31%202.41%201.07%203.087%202.116a4.16%204.16%200%200%201%20.518%203.458c-.344%201.168-1.19%202.166-2.354%202.774c-1.163.608-2.01%201.606-2.354%202.775a4.16%204.16%200%200%200%20.518%203.458c.676%201.045%201.787%201.806%203.088%202.115a5.6%205.6%200%200%200%201.747.134%22%2F%3E%3Cpath%20d%3D%22M17.846%205.16c.33.48.59%201.015.758%201.582c.383%201.281.28%202.623-.288%203.732a4.16%204.16%200%200%201-2.735%202.178c-1.185.286-2.473.052-3.58-.652s-2.396-.938-3.58-.652a4.16%204.16%200%200%200-2.736%202.178c-.567%201.108-.67%202.45-.288%203.732c.169.566.426%201.1.757%201.58%22%2F%3E%3Cpath%20d%3D%22M20.846%2013.642a5.6%205.6%200%200%201-.99%201.448c-.919.972-2.133%201.553-3.377%201.616a4.16%204.16%200%200%201-3.254-1.28c-.84-.882-1.28-2.115-1.225-3.426s-.386-2.544-1.226-3.426a4.16%204.16%200%200%200-3.254-1.28c-1.243.063-2.458.644-3.376%201.616c-.406.43-.739.92-.99%201.446%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-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9%203.517a5.6%205.6%200%200%201%201.75.134c1.3.31%202.41%201.07%203.087%202.116a4.16%204.16%200%200%201%20.518%203.458c-.344%201.168-1.19%202.166-2.354%202.774c-1.163.608-2.01%201.606-2.354%202.775a4.16%204.16%200%200%200%20.518%203.458c.676%201.045%201.787%201.806%203.088%202.115a5.6%205.6%200%200%200%201.747.134%22%2F%3E%3Cpath%20d%3D%22M17.846%205.16c.33.48.59%201.015.758%201.582c.383%201.281.28%202.623-.288%203.732a4.16%204.16%200%200%201-2.735%202.178c-1.185.286-2.473.052-3.58-.652s-2.396-.938-3.58-.652a4.16%204.16%200%200%200-2.736%202.178c-.567%201.108-.67%202.45-.288%203.732c.169.566.426%201.1.757%201.58%22%2F%3E%3Cpath%20d%3D%22M20.846%2013.642a5.6%205.6%200%200%201-.99%201.448c-.919.972-2.133%201.553-3.377%201.616a4.16%204.16%200%200%201-3.254-1.28c-.84-.882-1.28-2.115-1.225-3.426s-.386-2.544-1.226-3.426a4.16%204.16%200%200%200-3.254-1.28c-1.243.063-2.458.644-3.376%201.616c-.406.43-.739.92-.99%201.446%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/loader-pinwheel.svg?color=%231a73e8&size=48
