ai editing icon
ai-editing from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- ai-editing
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the ai editing 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-width="1.5"><path d="M6.538 2.322a.493.493 0 0 1 .924 0l.712 1.922c.1.27.312.483.582.583l1.922.71a.493.493 0 0 1 0 .925l-1.922.712a1 1 0 0 0-.582.582l-.712 1.922a.493.493 0 0 1-.924 0l-.711-1.922a1 1 0 0 0-.583-.583l-1.922-.71a.493.493 0 0 1 0-.925l1.922-.711c.27-.1.483-.313.583-.583z"/><path stroke-linecap="round" stroke-linejoin="round" d="m14.404 9.641l1.483 1.483M6 22h1.498c1.212 0 1.818 0 2.363-.226s.974-.654 1.831-1.512l8.15-8.149c.539-.539.808-.808.952-1.1a1.98 1.98 0 0 0 0-1.755c-.144-.291-.413-.56-.952-1.1c-.54-.539-.809-.808-1.1-.952a1.98 1.98 0 0 0-1.756 0c-.29.144-.56.413-1.1.952l-8.149 8.15c-.857.857-1.285 1.286-1.511 1.83C6 18.685 6 19.29 6 20.503z"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsAiEditing(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" strokeWidth="1.5"><path d="M6.538 2.322a.493.493 0 0 1 .924 0l.712 1.922c.1.27.312.483.582.583l1.922.71a.493.493 0 0 1 0 .925l-1.922.712a1 1 0 0 0-.582.582l-.712 1.922a.493.493 0 0 1-.924 0l-.711-1.922a1 1 0 0 0-.583-.583l-1.922-.71a.493.493 0 0 1 0-.925l1.922-.711c.27-.1.483-.313.583-.583z"/><path strokeLinecap="round" strokeLinejoin="round" d="m14.404 9.641l1.483 1.483M6 22h1.498c1.212 0 1.818 0 2.363-.226s.974-.654 1.831-1.512l8.15-8.149c.539-.539.808-.808.952-1.1a1.98 1.98 0 0 0 0-1.755c-.144-.291-.413-.56-.952-1.1c-.54-.539-.809-.808-1.1-.952a1.98 1.98 0 0 0-1.756 0c-.29.144-.56.413-1.1.952l-8.149 8.15c-.857.857-1.285 1.286-1.511 1.83C6 18.685 6 19.29 6 20.503z"/></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-width="1.5"><path d="M6.538 2.322a.493.493 0 0 1 .924 0l.712 1.922c.1.27.312.483.582.583l1.922.71a.493.493 0 0 1 0 .925l-1.922.712a1 1 0 0 0-.582.582l-.712 1.922a.493.493 0 0 1-.924 0l-.711-1.922a1 1 0 0 0-.583-.583l-1.922-.71a.493.493 0 0 1 0-.925l1.922-.711c.27-.1.483-.313.583-.583z"/><path stroke-linecap="round" stroke-linejoin="round" d="m14.404 9.641l1.483 1.483M6 22h1.498c1.212 0 1.818 0 2.363-.226s.974-.654 1.831-1.512l8.15-8.149c.539-.539.808-.808.952-1.1a1.98 1.98 0 0 0 0-1.755c-.144-.291-.413-.56-.952-1.1c-.54-.539-.809-.808-1.1-.952a1.98 1.98 0 0 0-1.756 0c-.29.144-.56.413-1.1.952l-8.149 8.15c-.857.857-1.285 1.286-1.511 1.83C6 18.685 6 19.29 6 20.503z"/></g></svg> </template>
CSS
.icon-ai-editing {
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-width%3D%221.5%22%3E%3Cpath%20d%3D%22M6.538%202.322a.493.493%200%200%201%20.924%200l.712%201.922c.1.27.312.483.582.583l1.922.71a.493.493%200%200%201%200%20.925l-1.922.712a1%201%200%200%200-.582.582l-.712%201.922a.493.493%200%200%201-.924%200l-.711-1.922a1%201%200%200%200-.583-.583l-1.922-.71a.493.493%200%200%201%200-.925l1.922-.711c.27-.1.483-.313.583-.583z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m14.404%209.641l1.483%201.483M6%2022h1.498c1.212%200%201.818%200%202.363-.226s.974-.654%201.831-1.512l8.15-8.149c.539-.539.808-.808.952-1.1a1.98%201.98%200%200%200%200-1.755c-.144-.291-.413-.56-.952-1.1c-.54-.539-.809-.808-1.1-.952a1.98%201.98%200%200%200-1.756%200c-.29.144-.56.413-1.1.952l-8.149%208.15c-.857.857-1.285%201.286-1.511%201.83C6%2018.685%206%2019.29%206%2020.503z%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-width%3D%221.5%22%3E%3Cpath%20d%3D%22M6.538%202.322a.493.493%200%200%201%20.924%200l.712%201.922c.1.27.312.483.582.583l1.922.71a.493.493%200%200%201%200%20.925l-1.922.712a1%201%200%200%200-.582.582l-.712%201.922a.493.493%200%200%201-.924%200l-.711-1.922a1%201%200%200%200-.583-.583l-1.922-.71a.493.493%200%200%201%200-.925l1.922-.711c.27-.1.483-.313.583-.583z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m14.404%209.641l1.483%201.483M6%2022h1.498c1.212%200%201.818%200%202.363-.226s.974-.654%201.831-1.512l8.15-8.149c.539-.539.808-.808.952-1.1a1.98%201.98%200%200%200%200-1.755c-.144-.291-.413-.56-.952-1.1c-.54-.539-.809-.808-1.1-.952a1.98%201.98%200%200%200-1.756%200c-.29.144-.56.413-1.1.952l-8.149%208.15c-.857.857-1.285%201.286-1.511%201.83C6%2018.685%206%2019.29%206%2020.503z%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/ai-editing.svg?color=%231a73e8&size=48
