cursor progress 02 icon
cursor-progress-02 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- cursor-progress-02
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
cursor-01cursor-02cursor-add-selection-01cursor-add-selection-02cursor-circle-selection-01cursor-circle-selection-02cursor-disabled-01cursor-disabled-02cursor-edit-01cursor-edit-02cursor-hold-01cursor-hold-02cursor-in-windowcursor-info-01cursor-info-02cursor-loading-01cursor-loading-02cursor-magic-selection-01cursor-magic-selection-02cursor-magic-selection-03cursor-magic-selection-04cursor-move-01cursor-move-02cursor-pointer-01
Use the cursor progress 02 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"><path d="M18.993 11.989c.038.4-.086.797-.344 1.103c-.376.447-1.276.555-3.075.773c-.758.091-1.137.137-1.367.339a1 1 0 0 0-.315.536c-.064.3.079.656.365 1.37l1.482 3.696c.172.427.257.64.256.837a1 1 0 0 1-.296.703c-.14.138-.352.224-.776.396s-.636.26-.83.258a.98.98 0 0 1-.7-.299c-.136-.14-.221-.354-.393-.78l-1.482-3.697c-.286-.713-.43-1.07-.683-1.24a1 1 0 0 0-.596-.165c-.304.015-.608.247-1.217.712c-1.444 1.103-2.167 1.654-2.745 1.596c-.396-.04-.76-.24-1.009-.553c-.362-.457-.295-1.368-.16-3.188l.564-7.724c.178-2.678.273-4.103 1.376-4.552c.469-.19.928-.128 1.452.146"/><path d="M14.5 2s-1 .818-1 2.455c0 1.636 2 2.454 2 4.09c0 1.637-1 2.455-1 2.455m0-9A4.5 4.5 0 0 0 10 6.5M14.5 2A4.5 4.5 0 0 1 19 6.5M14.5 11A4.5 4.5 0 0 0 19 6.5M14.5 11A4.5 4.5 0 0 1 10 6.5m9 0s-.818-1-2.454-1s-2.455 2-4.091 2S10 6.5 10 6.5"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsCursorProgress02(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"><path d="M18.993 11.989c.038.4-.086.797-.344 1.103c-.376.447-1.276.555-3.075.773c-.758.091-1.137.137-1.367.339a1 1 0 0 0-.315.536c-.064.3.079.656.365 1.37l1.482 3.696c.172.427.257.64.256.837a1 1 0 0 1-.296.703c-.14.138-.352.224-.776.396s-.636.26-.83.258a.98.98 0 0 1-.7-.299c-.136-.14-.221-.354-.393-.78l-1.482-3.697c-.286-.713-.43-1.07-.683-1.24a1 1 0 0 0-.596-.165c-.304.015-.608.247-1.217.712c-1.444 1.103-2.167 1.654-2.745 1.596c-.396-.04-.76-.24-1.009-.553c-.362-.457-.295-1.368-.16-3.188l.564-7.724c.178-2.678.273-4.103 1.376-4.552c.469-.19.928-.128 1.452.146"/><path d="M14.5 2s-1 .818-1 2.455c0 1.636 2 2.454 2 4.09c0 1.637-1 2.455-1 2.455m0-9A4.5 4.5 0 0 0 10 6.5M14.5 2A4.5 4.5 0 0 1 19 6.5M14.5 11A4.5 4.5 0 0 0 19 6.5M14.5 11A4.5 4.5 0 0 1 10 6.5m9 0s-.818-1-2.454-1s-2.455 2-4.091 2S10 6.5 10 6.5"/></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"><path d="M18.993 11.989c.038.4-.086.797-.344 1.103c-.376.447-1.276.555-3.075.773c-.758.091-1.137.137-1.367.339a1 1 0 0 0-.315.536c-.064.3.079.656.365 1.37l1.482 3.696c.172.427.257.64.256.837a1 1 0 0 1-.296.703c-.14.138-.352.224-.776.396s-.636.26-.83.258a.98.98 0 0 1-.7-.299c-.136-.14-.221-.354-.393-.78l-1.482-3.697c-.286-.713-.43-1.07-.683-1.24a1 1 0 0 0-.596-.165c-.304.015-.608.247-1.217.712c-1.444 1.103-2.167 1.654-2.745 1.596c-.396-.04-.76-.24-1.009-.553c-.362-.457-.295-1.368-.16-3.188l.564-7.724c.178-2.678.273-4.103 1.376-4.552c.469-.19.928-.128 1.452.146"/><path d="M14.5 2s-1 .818-1 2.455c0 1.636 2 2.454 2 4.09c0 1.637-1 2.455-1 2.455m0-9A4.5 4.5 0 0 0 10 6.5M14.5 2A4.5 4.5 0 0 1 19 6.5M14.5 11A4.5 4.5 0 0 0 19 6.5M14.5 11A4.5 4.5 0 0 1 10 6.5m9 0s-.818-1-2.454-1s-2.455 2-4.091 2S10 6.5 10 6.5"/></g></svg> </template>
CSS
.icon-cursor-progress-02 {
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%3Cpath%20d%3D%22M18.993%2011.989c.038.4-.086.797-.344%201.103c-.376.447-1.276.555-3.075.773c-.758.091-1.137.137-1.367.339a1%201%200%200%200-.315.536c-.064.3.079.656.365%201.37l1.482%203.696c.172.427.257.64.256.837a1%201%200%200%201-.296.703c-.14.138-.352.224-.776.396s-.636.26-.83.258a.98.98%200%200%201-.7-.299c-.136-.14-.221-.354-.393-.78l-1.482-3.697c-.286-.713-.43-1.07-.683-1.24a1%201%200%200%200-.596-.165c-.304.015-.608.247-1.217.712c-1.444%201.103-2.167%201.654-2.745%201.596c-.396-.04-.76-.24-1.009-.553c-.362-.457-.295-1.368-.16-3.188l.564-7.724c.178-2.678.273-4.103%201.376-4.552c.469-.19.928-.128%201.452.146%22%2F%3E%3Cpath%20d%3D%22M14.5%202s-1%20.818-1%202.455c0%201.636%202%202.454%202%204.09c0%201.637-1%202.455-1%202.455m0-9A4.5%204.5%200%200%200%2010%206.5M14.5%202A4.5%204.5%200%200%201%2019%206.5M14.5%2011A4.5%204.5%200%200%200%2019%206.5M14.5%2011A4.5%204.5%200%200%201%2010%206.5m9%200s-.818-1-2.454-1s-2.455%202-4.091%202S10%206.5%2010%206.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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M18.993%2011.989c.038.4-.086.797-.344%201.103c-.376.447-1.276.555-3.075.773c-.758.091-1.137.137-1.367.339a1%201%200%200%200-.315.536c-.064.3.079.656.365%201.37l1.482%203.696c.172.427.257.64.256.837a1%201%200%200%201-.296.703c-.14.138-.352.224-.776.396s-.636.26-.83.258a.98.98%200%200%201-.7-.299c-.136-.14-.221-.354-.393-.78l-1.482-3.697c-.286-.713-.43-1.07-.683-1.24a1%201%200%200%200-.596-.165c-.304.015-.608.247-1.217.712c-1.444%201.103-2.167%201.654-2.745%201.596c-.396-.04-.76-.24-1.009-.553c-.362-.457-.295-1.368-.16-3.188l.564-7.724c.178-2.678.273-4.103%201.376-4.552c.469-.19.928-.128%201.452.146%22%2F%3E%3Cpath%20d%3D%22M14.5%202s-1%20.818-1%202.455c0%201.636%202%202.454%202%204.09c0%201.637-1%202.455-1%202.455m0-9A4.5%204.5%200%200%200%2010%206.5M14.5%202A4.5%204.5%200%200%201%2019%206.5M14.5%2011A4.5%204.5%200%200%200%2019%206.5M14.5%2011A4.5%204.5%200%200%201%2010%206.5m9%200s-.818-1-2.454-1s-2.455%202-4.091%202S10%206.5%2010%206.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/hugeicons/cursor-progress-02.svg?color=%231a73e8&size=48
