edit 2 ai icon

edit-2-ai-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.

Name: edit-2-ai-line
Set: MingCute Icon
Style: Line
Viewbox: 24×24
License: Apache 2.0

1 other variant in MingCute Icon

Related icons in MingCute Icon

edit-2-fill edit-3-ai-fill edit-3-fill edit-4-fill

Use the edit 2 ai 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-linecap="round" stroke-linejoin="round" stroke-width="2" d="m12.17 7.17l-7.88 7.881a1 1 0 0 0-.294.707v5.243H9.24a1 1 0 0 0 .707-.293l7.88-7.88M12.17 7.17l2.433-2.433a1 1 0 0 1 1.414 0L20.26 8.98a1 1 0 0 1 0 1.414l-2.433 2.433M12.17 7.17l5.657 5.657M17 19c.16.47.53.84 1 1c-.47.16-.84.53-1 1c-.16-.47-.53-.84-1-1c.47-.16.84-.53 1-1M5 2l.13.378a4 4 0 0 0 2.492 2.493L8 5l-.378.13a4 4 0 0 0-2.493 2.492L5 8l-.13-.378a4 4 0 0 0-2.492-2.493L2 5l.378-.13a4 4 0 0 0 2.493-2.492z"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteEdit2AiLine(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" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="m12.17 7.17l-7.88 7.881a1 1 0 0 0-.294.707v5.243H9.24a1 1 0 0 0 .707-.293l7.88-7.88M12.17 7.17l2.433-2.433a1 1 0 0 1 1.414 0L20.26 8.98a1 1 0 0 1 0 1.414l-2.433 2.433M12.17 7.17l5.657 5.657M17 19c.16.47.53.84 1 1c-.47.16-.84.53-1 1c-.16-.47-.53-.84-1-1c.47-.16.84-.53 1-1M5 2l.13.378a4 4 0 0 0 2.492 2.493L8 5l-.378.13a4 4 0 0 0-2.493 2.492L5 8l-.13-.378a4 4 0 0 0-2.492-2.493L2 5l.378-.13a4 4 0 0 0 2.493-2.492z"/></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-linecap="round" stroke-linejoin="round" stroke-width="2" d="m12.17 7.17l-7.88 7.881a1 1 0 0 0-.294.707v5.243H9.24a1 1 0 0 0 .707-.293l7.88-7.88M12.17 7.17l2.433-2.433a1 1 0 0 1 1.414 0L20.26 8.98a1 1 0 0 1 0 1.414l-2.433 2.433M12.17 7.17l5.657 5.657M17 19c.16.47.53.84 1 1c-.47.16-.84.53-1 1c-.16-.47-.53-.84-1-1c.47-.16.84-.53 1-1M5 2l.13.378a4 4 0 0 0 2.492 2.493L8 5l-.378.13a4 4 0 0 0-2.493 2.492L5 8l-.13-.378a4 4 0 0 0-2.492-2.493L2 5l.378-.13a4 4 0 0 0 2.493-2.492z"/></svg>
</template>

CSS

.icon-edit-2-ai-line {
  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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m12.17%207.17l-7.88%207.881a1%201%200%200%200-.294.707v5.243H9.24a1%201%200%200%200%20.707-.293l7.88-7.88M12.17%207.17l2.433-2.433a1%201%200%200%201%201.414%200L20.26%208.98a1%201%200%200%201%200%201.414l-2.433%202.433M12.17%207.17l5.657%205.657M17%2019c.16.47.53.84%201%201c-.47.16-.84.53-1%201c-.16-.47-.53-.84-1-1c.47-.16.84-.53%201-1M5%202l.13.378a4%204%200%200%200%202.492%202.493L8%205l-.378.13a4%204%200%200%200-2.493%202.492L5%208l-.13-.378a4%204%200%200%200-2.492-2.493L2%205l.378-.13a4%204%200%200%200%202.493-2.492z%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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m12.17%207.17l-7.88%207.881a1%201%200%200%200-.294.707v5.243H9.24a1%201%200%200%200%20.707-.293l7.88-7.88M12.17%207.17l2.433-2.433a1%201%200%200%201%201.414%200L20.26%208.98a1%201%200%200%201%200%201.414l-2.433%202.433M12.17%207.17l5.657%205.657M17%2019c.16.47.53.84%201%201c-.47.16-.84.53-1%201c-.16-.47-.53-.84-1-1c.47-.16.84-.53%201-1M5%202l.13.378a4%204%200%200%200%202.492%202.493L8%205l-.378.13a4%204%200%200%200-2.493%202.492L5%208l-.13-.378a4%204%200%200%200-2.492-2.493L2%205l.378-.13a4%204%200%200%200%202.493-2.492z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/edit-2-ai-line.svg?color=%231a73e8&size=48