smoothing cursor icon
smoothing-cursor from Carbon by IBM · Outline · Apache-2.0 Free for personal and commercial use.
- Name
- smoothing-cursor
- Set
- Carbon
- Style
- Outline
- Viewbox
- 32×32
- License
- Apache 2.0
Use the smoothing cursor icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><circle cx="18" cy="18" r="4" fill="currentColor"/><path d="M18 30a11.893 11.893 0 0 1-4.104-.72l.684-1.88A9.973 9.973 0 0 0 18 28z" fill="currentColor"/><path d="M22.148 29.264l-.691-1.877a9.956 9.956 0 0 0 2.997-1.748l1.292 1.527a11.953 11.953 0 0 1-3.598 2.098z" fill="currentColor"/><path d="M10.29 27.195a12.014 12.014 0 0 1-2.68-3.187l1.73-1.003a10.024 10.024 0 0 0 2.235 2.658z" fill="currentColor"/><path d="M28.413 23.967l-1.734-.996a9.916 9.916 0 0 0 1.176-3.264l1.971.34a11.896 11.896 0 0 1-1.413 3.92z" fill="currentColor"/><path d="M6.182 20.093a12.128 12.128 0 0 1-.004-4.163l1.97.342a10.121 10.121 0 0 0 .004 3.474z" fill="currentColor"/><path d="M27.845 16.234a9.902 9.902 0 0 0-1.196-3.257l1.729-1.006a11.903 11.903 0 0 1 1.436 3.912z" fill="currentColor"/><path d="M9.331 13.01L7.6 12.013a12.01 12.01 0 0 1 2.674-3.193l1.288 1.53a10.01 10.01 0 0 0-2.23 2.662z" fill="currentColor"/><path d="M24.41 10.324a9.96 9.96 0 0 0-3.01-1.731l.68-1.881a11.95 11.95 0 0 1 3.612 2.077z" fill="currentColor"/><path d="M14.562 8.606l-.688-1.877A12.103 12.103 0 0 1 18 6v2a10.088 10.088 0 0 0-3.438.606z" fill="currentColor"/><path d="M11 2H2v9h2V4h7V2z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function CarbonSmoothingCursor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><circle cx="18" cy="18" r="4" fill="currentColor"/><path d="M18 30a11.893 11.893 0 0 1-4.104-.72l.684-1.88A9.973 9.973 0 0 0 18 28z" fill="currentColor"/><path d="M22.148 29.264l-.691-1.877a9.956 9.956 0 0 0 2.997-1.748l1.292 1.527a11.953 11.953 0 0 1-3.598 2.098z" fill="currentColor"/><path d="M10.29 27.195a12.014 12.014 0 0 1-2.68-3.187l1.73-1.003a10.024 10.024 0 0 0 2.235 2.658z" fill="currentColor"/><path d="M28.413 23.967l-1.734-.996a9.916 9.916 0 0 0 1.176-3.264l1.971.34a11.896 11.896 0 0 1-1.413 3.92z" fill="currentColor"/><path d="M6.182 20.093a12.128 12.128 0 0 1-.004-4.163l1.97.342a10.121 10.121 0 0 0 .004 3.474z" fill="currentColor"/><path d="M27.845 16.234a9.902 9.902 0 0 0-1.196-3.257l1.729-1.006a11.903 11.903 0 0 1 1.436 3.912z" fill="currentColor"/><path d="M9.331 13.01L7.6 12.013a12.01 12.01 0 0 1 2.674-3.193l1.288 1.53a10.01 10.01 0 0 0-2.23 2.662z" fill="currentColor"/><path d="M24.41 10.324a9.96 9.96 0 0 0-3.01-1.731l.68-1.881a11.95 11.95 0 0 1 3.612 2.077z" fill="currentColor"/><path d="M14.562 8.606l-.688-1.877A12.103 12.103 0 0 1 18 6v2a10.088 10.088 0 0 0-3.438.606z" fill="currentColor"/><path d="M11 2H2v9h2V4h7V2z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><circle cx="18" cy="18" r="4" fill="currentColor"/><path d="M18 30a11.893 11.893 0 0 1-4.104-.72l.684-1.88A9.973 9.973 0 0 0 18 28z" fill="currentColor"/><path d="M22.148 29.264l-.691-1.877a9.956 9.956 0 0 0 2.997-1.748l1.292 1.527a11.953 11.953 0 0 1-3.598 2.098z" fill="currentColor"/><path d="M10.29 27.195a12.014 12.014 0 0 1-2.68-3.187l1.73-1.003a10.024 10.024 0 0 0 2.235 2.658z" fill="currentColor"/><path d="M28.413 23.967l-1.734-.996a9.916 9.916 0 0 0 1.176-3.264l1.971.34a11.896 11.896 0 0 1-1.413 3.92z" fill="currentColor"/><path d="M6.182 20.093a12.128 12.128 0 0 1-.004-4.163l1.97.342a10.121 10.121 0 0 0 .004 3.474z" fill="currentColor"/><path d="M27.845 16.234a9.902 9.902 0 0 0-1.196-3.257l1.729-1.006a11.903 11.903 0 0 1 1.436 3.912z" fill="currentColor"/><path d="M9.331 13.01L7.6 12.013a12.01 12.01 0 0 1 2.674-3.193l1.288 1.53a10.01 10.01 0 0 0-2.23 2.662z" fill="currentColor"/><path d="M24.41 10.324a9.96 9.96 0 0 0-3.01-1.731l.68-1.881a11.95 11.95 0 0 1 3.612 2.077z" fill="currentColor"/><path d="M14.562 8.606l-.688-1.877A12.103 12.103 0 0 1 18 6v2a10.088 10.088 0 0 0-3.438.606z" fill="currentColor"/><path d="M11 2H2v9h2V4h7V2z" fill="currentColor"/></svg> </template>
CSS
.icon-smoothing-cursor {
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%2032%2032%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%224%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M18%2030a11.893%2011.893%200%200%201-4.104-.72l.684-1.88A9.973%209.973%200%200%200%2018%2028z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M22.148%2029.264l-.691-1.877a9.956%209.956%200%200%200%202.997-1.748l1.292%201.527a11.953%2011.953%200%200%201-3.598%202.098z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M10.29%2027.195a12.014%2012.014%200%200%201-2.68-3.187l1.73-1.003a10.024%2010.024%200%200%200%202.235%202.658z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M28.413%2023.967l-1.734-.996a9.916%209.916%200%200%200%201.176-3.264l1.971.34a11.896%2011.896%200%200%201-1.413%203.92z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M6.182%2020.093a12.128%2012.128%200%200%201-.004-4.163l1.97.342a10.121%2010.121%200%200%200%20.004%203.474z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M27.845%2016.234a9.902%209.902%200%200%200-1.196-3.257l1.729-1.006a11.903%2011.903%200%200%201%201.436%203.912z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M9.331%2013.01L7.6%2012.013a12.01%2012.01%200%200%201%202.674-3.193l1.288%201.53a10.01%2010.01%200%200%200-2.23%202.662z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M24.41%2010.324a9.96%209.96%200%200%200-3.01-1.731l.68-1.881a11.95%2011.95%200%200%201%203.612%202.077z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M14.562%208.606l-.688-1.877A12.103%2012.103%200%200%201%2018%206v2a10.088%2010.088%200%200%200-3.438.606z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M11%202H2v9h2V4h7V2z%22%20fill%3D%22currentColor%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%2032%2032%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%224%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M18%2030a11.893%2011.893%200%200%201-4.104-.72l.684-1.88A9.973%209.973%200%200%200%2018%2028z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M22.148%2029.264l-.691-1.877a9.956%209.956%200%200%200%202.997-1.748l1.292%201.527a11.953%2011.953%200%200%201-3.598%202.098z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M10.29%2027.195a12.014%2012.014%200%200%201-2.68-3.187l1.73-1.003a10.024%2010.024%200%200%200%202.235%202.658z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M28.413%2023.967l-1.734-.996a9.916%209.916%200%200%200%201.176-3.264l1.971.34a11.896%2011.896%200%200%201-1.413%203.92z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M6.182%2020.093a12.128%2012.128%200%200%201-.004-4.163l1.97.342a10.121%2010.121%200%200%200%20.004%203.474z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M27.845%2016.234a9.902%209.902%200%200%200-1.196-3.257l1.729-1.006a11.903%2011.903%200%200%201%201.436%203.912z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M9.331%2013.01L7.6%2012.013a12.01%2012.01%200%200%201%202.674-3.193l1.288%201.53a10.01%2010.01%200%200%200-2.23%202.662z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M24.41%2010.324a9.96%209.96%200%200%200-3.01-1.731l.68-1.881a11.95%2011.95%200%200%201%203.612%202.077z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M14.562%208.606l-.688-1.877A12.103%2012.103%200%200%201%2018%206v2a10.088%2010.088%200%200%200-3.438.606z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M11%202H2v9h2V4h7V2z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/smoothing-cursor.svg?color=%231a73e8&size=48
