edit icon
edit-filled from Ant Design Icons by HeskeyBaozi · Filled · MIT Free for personal and commercial use.
- Name
- edit-filled
- Set
- Ant Design Icons
- Style
- Filled
- Viewbox
- 1024×1024
- License
- MIT
- Aliases
- edit-fill
2 other variants in Ant Design Icons
The same icon in other sets
editAkar IconseditBoxIcons v2editBoxIcons v2 SolideditCarboneditCodiconseditElement Plusedit-fillEva IconseditFont Awesome RegulareditFont Awesome SolideditFeather Iconsedit-outlineFlowbite Iconsedit-12-filledFluent UI System Iconsedit-16Fluent UI System Color IconseditIconParkeditIconPark OutlineeditIconPark SolideditIconPark TwoToneeditIconoireditIonIconseditLine AwesomeeditMaterial Line IconseditMage IconseditMaterial SymbolseditMaterial Symbols Light
Use the edit icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32m-622.3-84c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 0 0 0-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 0 0 9.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9"/></svg>
React
import type { SVGProps } from "react";
export function AntDesignEditFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32m-622.3-84c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 0 0 0-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 0 0 9.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32m-622.3-84c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 0 0 0-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 0 0 9.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9"/></svg> </template>
CSS
.icon-edit-filled {
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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M880%20836H144c-17.7%200-32%2014.3-32%2032v36c0%204.4%203.6%208%208%208h784c4.4%200%208-3.6%208-8v-36c0-17.7-14.3-32-32-32m-622.3-84c2%200%204-.2%206-.5L431.9%20722c2-.4%203.9-1.3%205.3-2.8l423.9-423.9a9.96%209.96%200%200%200%200-14.1L694.9%20114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2%201-7.1%202.9L256.8%20538.8c-1.5%201.5-2.4%203.3-2.8%205.3l-29.5%20168.2a33.5%2033.5%200%200%200%209.4%2029.8c6.6%206.4%2014.9%209.9%2023.8%209.9%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M880%20836H144c-17.7%200-32%2014.3-32%2032v36c0%204.4%203.6%208%208%208h784c4.4%200%208-3.6%208-8v-36c0-17.7-14.3-32-32-32m-622.3-84c2%200%204-.2%206-.5L431.9%20722c2-.4%203.9-1.3%205.3-2.8l423.9-423.9a9.96%209.96%200%200%200%200-14.1L694.9%20114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2%201-7.1%202.9L256.8%20538.8c-1.5%201.5-2.4%203.3-2.8%205.3l-29.5%20168.2a33.5%2033.5%200%200%200%209.4%2029.8c6.6%206.4%2014.9%209.9%2023.8%209.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/edit-filled.svg?color=%231a73e8&size=48
