cursor 01 icon
cursor-01 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- cursor-01
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
cursor-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-01cursor-pointer-02
Use the cursor 01 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="m5.108 14.386l.478-6.473q.048-.666.086-1.251c.178-2.678.273-4.103 1.376-4.552c1.103-.45 2.154.51 4.13 2.312q.43.393.924.839l4.808 4.322c1.353 1.215 2.029 1.823 2.083 2.406c.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.188Z"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsCursor01(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="1.5" d="m5.108 14.386l.478-6.473q.048-.666.086-1.251c.178-2.678.273-4.103 1.376-4.552c1.103-.45 2.154.51 4.13 2.312q.43.393.924.839l4.808 4.322c1.353 1.215 2.029 1.823 2.083 2.406c.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.188Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="m5.108 14.386l.478-6.473q.048-.666.086-1.251c.178-2.678.273-4.103 1.376-4.552c1.103-.45 2.154.51 4.13 2.312q.43.393.924.839l4.808 4.322c1.353 1.215 2.029 1.823 2.083 2.406c.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.188Z"/></svg> </template>
CSS
.icon-cursor-01 {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m5.108%2014.386l.478-6.473q.048-.666.086-1.251c.178-2.678.273-4.103%201.376-4.552c1.103-.45%202.154.51%204.13%202.312q.43.393.924.839l4.808%204.322c1.353%201.215%202.029%201.823%202.083%202.406c.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.188Z%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m5.108%2014.386l.478-6.473q.048-.666.086-1.251c.178-2.678.273-4.103%201.376-4.552c1.103-.45%202.154.51%204.13%202.312q.43.393.924.839l4.808%204.322c1.353%201.215%202.029%201.823%202.083%202.406c.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.188Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/cursor-01.svg?color=%231a73e8&size=48
