cursor ai icon

cursor-ai-fill from Remix Icon by Remix Design · Fill · Apache-2.0 Free for personal and commercial use.

Name
cursor-ai-fill
Set
Remix Icon
Style
Fill
Viewbox
24×24
License
Apache 2.0

1 other variant in Remix Icon

cursor-ai-line

The same icon in other sets

cursor-aiBoxicons Brands

Related icons in Remix Icon

cursor-hand

Use the cursor ai icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.121 6.33L12.45 1.353a.9.9 0 0 0-.9 0L2.879 6.33a.75.75 0 0 0-.379.652v10.036c0 .27.144.518.379.652l8.671 4.977c.278.16.622.16.9 0l8.672-4.977a.75.75 0 0 0 .378-.652V6.982a.75.75 0 0 0-.379-.652m-.544 1.054l-8.371 14.414c-.057.097-.206.057-.206-.055v-9.438a.53.53 0 0 0-.266-.458L3.512 7.128c-.097-.056-.057-.204.056-.204H20.31c.237 0 .386.256.267.46"/></svg>

React

import type { SVGProps } from "react";

export function RiCursorAiFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.121 6.33L12.45 1.353a.9.9 0 0 0-.9 0L2.879 6.33a.75.75 0 0 0-.379.652v10.036c0 .27.144.518.379.652l8.671 4.977c.278.16.622.16.9 0l8.672-4.977a.75.75 0 0 0 .378-.652V6.982a.75.75 0 0 0-.379-.652m-.544 1.054l-8.371 14.414c-.057.097-.206.057-.206-.055v-9.438a.53.53 0 0 0-.266-.458L3.512 7.128c-.097-.056-.057-.204.056-.204H20.31c.237 0 .386.256.267.46"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.121 6.33L12.45 1.353a.9.9 0 0 0-.9 0L2.879 6.33a.75.75 0 0 0-.379.652v10.036c0 .27.144.518.379.652l8.671 4.977c.278.16.622.16.9 0l8.672-4.977a.75.75 0 0 0 .378-.652V6.982a.75.75 0 0 0-.379-.652m-.544 1.054l-8.371 14.414c-.057.097-.206.057-.206-.055v-9.438a.53.53 0 0 0-.266-.458L3.512 7.128c-.097-.056-.057-.204.056-.204H20.31c.237 0 .386.256.267.46"/></svg>
</template>

CSS

.icon-cursor-ai-fill {
  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%22currentColor%22%20d%3D%22M21.121%206.33L12.45%201.353a.9.9%200%200%200-.9%200L2.879%206.33a.75.75%200%200%200-.379.652v10.036c0%20.27.144.518.379.652l8.671%204.977c.278.16.622.16.9%200l8.672-4.977a.75.75%200%200%200%20.378-.652V6.982a.75.75%200%200%200-.379-.652m-.544%201.054l-8.371%2014.414c-.057.097-.206.057-.206-.055v-9.438a.53.53%200%200%200-.266-.458L3.512%207.128c-.097-.056-.057-.204.056-.204H20.31c.237%200%20.386.256.267.46%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%22currentColor%22%20d%3D%22M21.121%206.33L12.45%201.353a.9.9%200%200%200-.9%200L2.879%206.33a.75.75%200%200%200-.379.652v10.036c0%20.27.144.518.379.652l8.671%204.977c.278.16.622.16.9%200l8.672-4.977a.75.75%200%200%200%20.378-.652V6.982a.75.75%200%200%200-.379-.652m-.544%201.054l-8.371%2014.414c-.057.097-.206.057-.206-.055v-9.438a.53.53%200%200%200-.266-.458L3.512%207.128c-.097-.056-.057-.204.056-.204H20.31c.237%200%20.386.256.267.46%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/cursor-ai-fill.svg?color=%231a73e8&size=48