cursor magic selection 01 icon
cursor-magic-selection-01 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- cursor-magic-selection-01
- 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-02cursor-magic-selection-03cursor-magic-selection-04cursor-move-01cursor-move-02cursor-pointer-01cursor-pointer-02
Use the cursor magic selection 01 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="M13.5 4A5.92 5.92 0 0 0 17 7.5a5.92 5.92 0 0 0-3.5 3.5A5.92 5.92 0 0 0 10 7.5A5.92 5.92 0 0 0 13.5 4"/><path d="M18 10.58c.63.604.956 1.012.993 1.409c.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.861-.35 1.69.157 2.952 1.253M17.75 2A2.11 2.11 0 0 0 19 3.25a2.11 2.11 0 0 0-1.25 1.25a2.12 2.12 0 0 0-1.25-1.25A2.12 2.12 0 0 0 17.75 2"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsCursorMagicSelection01(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="M13.5 4A5.92 5.92 0 0 0 17 7.5a5.92 5.92 0 0 0-3.5 3.5A5.92 5.92 0 0 0 10 7.5A5.92 5.92 0 0 0 13.5 4"/><path d="M18 10.58c.63.604.956 1.012.993 1.409c.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.861-.35 1.69.157 2.952 1.253M17.75 2A2.11 2.11 0 0 0 19 3.25a2.11 2.11 0 0 0-1.25 1.25a2.12 2.12 0 0 0-1.25-1.25A2.12 2.12 0 0 0 17.75 2"/></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="M13.5 4A5.92 5.92 0 0 0 17 7.5a5.92 5.92 0 0 0-3.5 3.5A5.92 5.92 0 0 0 10 7.5A5.92 5.92 0 0 0 13.5 4"/><path d="M18 10.58c.63.604.956 1.012.993 1.409c.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.861-.35 1.69.157 2.952 1.253M17.75 2A2.11 2.11 0 0 0 19 3.25a2.11 2.11 0 0 0-1.25 1.25a2.12 2.12 0 0 0-1.25-1.25A2.12 2.12 0 0 0 17.75 2"/></g></svg> </template>
CSS
.icon-cursor-magic-selection-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%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%22M13.5%204A5.92%205.92%200%200%200%2017%207.5a5.92%205.92%200%200%200-3.5%203.5A5.92%205.92%200%200%200%2010%207.5A5.92%205.92%200%200%200%2013.5%204%22%2F%3E%3Cpath%20d%3D%22M18%2010.58c.63.604.956%201.012.993%201.409c.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.861-.35%201.69.157%202.952%201.253M17.75%202A2.11%202.11%200%200%200%2019%203.25a2.11%202.11%200%200%200-1.25%201.25a2.12%202.12%200%200%200-1.25-1.25A2.12%202.12%200%200%200%2017.75%202%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%22M13.5%204A5.92%205.92%200%200%200%2017%207.5a5.92%205.92%200%200%200-3.5%203.5A5.92%205.92%200%200%200%2010%207.5A5.92%205.92%200%200%200%2013.5%204%22%2F%3E%3Cpath%20d%3D%22M18%2010.58c.63.604.956%201.012.993%201.409c.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.861-.35%201.69.157%202.952%201.253M17.75%202A2.11%202.11%200%200%200%2019%203.25a2.11%202.11%200%200%200-1.25%201.25a2.12%202.12%200%200%200-1.25-1.25A2.12%202.12%200%200%200%2017.75%202%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-magic-selection-01.svg?color=%231a73e8&size=48
