pen add icon
pen-add-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- pen-add-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More newicons icons from Reicon
Use the pen add icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M6.5 2c-1.06 0-2.04.37-2.81.99A4.45 4.45 0 0 0 2 6.5c0 .84.24 1.64.65 2.32c.54.9 1.39 1.6 2.41 1.94q.675.24 1.44.24c1.14 0 2.17-.42 2.96-1.12a4.46 4.46 0 0 0 1.37-2.18c.11-.38.17-.79.17-1.2C11 4.01 8.99 2 6.5 2m1.66 5.25h-.89v.93a.749.749 0 1 1-1.5 0v-.93H4.8c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h.97v-.93a.749.749 0 1 1 1.5 0v.93h.89a.749.749 0 1 1 0 1.5"/><path d="m16 21.29l-9.36 1.1c-.65.08-1.23-.02-1.72-.26a2.6 2.6 0 0 1-1.19-1.19c-.24-.49-.33-1.06-.26-1.7l.85-7.15c.08.03.16.06.24.08c.61.22 1.26.33 1.94.33c1.46 0 2.87-.53 3.94-1.48a5.96 5.96 0 0 0 2-3.71c.01-.05.01-.1.01-.15l.17.01l6.08 6.09l.26 4.42c.25 2.48-.61 3.34-2.96 3.61m6-11.008l-2.07 1.31c-.39.24-.89.19-1.21-.14l-4.43-4.43a.98.98 0 0 1-.14-1.21l1.31-2.07c.8-1.26 2.4-1.32 3.59-.15l3.11 3.11c1.09 1.11 1.02 2.83-.16 3.58"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconPenAddFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M6.5 2c-1.06 0-2.04.37-2.81.99A4.45 4.45 0 0 0 2 6.5c0 .84.24 1.64.65 2.32c.54.9 1.39 1.6 2.41 1.94q.675.24 1.44.24c1.14 0 2.17-.42 2.96-1.12a4.46 4.46 0 0 0 1.37-2.18c.11-.38.17-.79.17-1.2C11 4.01 8.99 2 6.5 2m1.66 5.25h-.89v.93a.749.749 0 1 1-1.5 0v-.93H4.8c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h.97v-.93a.749.749 0 1 1 1.5 0v.93h.89a.749.749 0 1 1 0 1.5"/><path d="m16 21.29l-9.36 1.1c-.65.08-1.23-.02-1.72-.26a2.6 2.6 0 0 1-1.19-1.19c-.24-.49-.33-1.06-.26-1.7l.85-7.15c.08.03.16.06.24.08c.61.22 1.26.33 1.94.33c1.46 0 2.87-.53 3.94-1.48a5.96 5.96 0 0 0 2-3.71c.01-.05.01-.1.01-.15l.17.01l6.08 6.09l.26 4.42c.25 2.48-.61 3.34-2.96 3.61m6-11.008l-2.07 1.31c-.39.24-.89.19-1.21-.14l-4.43-4.43a.98.98 0 0 1-.14-1.21l1.31-2.07c.8-1.26 2.4-1.32 3.59-.15l3.11 3.11c1.09 1.11 1.02 2.83-.16 3.58"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M6.5 2c-1.06 0-2.04.37-2.81.99A4.45 4.45 0 0 0 2 6.5c0 .84.24 1.64.65 2.32c.54.9 1.39 1.6 2.41 1.94q.675.24 1.44.24c1.14 0 2.17-.42 2.96-1.12a4.46 4.46 0 0 0 1.37-2.18c.11-.38.17-.79.17-1.2C11 4.01 8.99 2 6.5 2m1.66 5.25h-.89v.93a.749.749 0 1 1-1.5 0v-.93H4.8c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h.97v-.93a.749.749 0 1 1 1.5 0v.93h.89a.749.749 0 1 1 0 1.5"/><path d="m16 21.29l-9.36 1.1c-.65.08-1.23-.02-1.72-.26a2.6 2.6 0 0 1-1.19-1.19c-.24-.49-.33-1.06-.26-1.7l.85-7.15c.08.03.16.06.24.08c.61.22 1.26.33 1.94.33c1.46 0 2.87-.53 3.94-1.48a5.96 5.96 0 0 0 2-3.71c.01-.05.01-.1.01-.15l.17.01l6.08 6.09l.26 4.42c.25 2.48-.61 3.34-2.96 3.61m6-11.008l-2.07 1.31c-.39.24-.89.19-1.21-.14l-4.43-4.43a.98.98 0 0 1-.14-1.21l1.31-2.07c.8-1.26 2.4-1.32 3.59-.15l3.11 3.11c1.09 1.11 1.02 2.83-.16 3.58"/></g></svg> </template>
CSS
.icon-pen-add-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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M6.5%202c-1.06%200-2.04.37-2.81.99A4.45%204.45%200%200%200%202%206.5c0%20.84.24%201.64.65%202.32c.54.9%201.39%201.6%202.41%201.94q.675.24%201.44.24c1.14%200%202.17-.42%202.96-1.12a4.46%204.46%200%200%200%201.37-2.18c.11-.38.17-.79.17-1.2C11%204.01%208.99%202%206.5%202m1.66%205.25h-.89v.93a.749.749%200%201%201-1.5%200v-.93H4.8c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h.97v-.93a.749.749%200%201%201%201.5%200v.93h.89a.749.749%200%201%201%200%201.5%22%2F%3E%3Cpath%20d%3D%22m16%2021.29l-9.36%201.1c-.65.08-1.23-.02-1.72-.26a2.6%202.6%200%200%201-1.19-1.19c-.24-.49-.33-1.06-.26-1.7l.85-7.15c.08.03.16.06.24.08c.61.22%201.26.33%201.94.33c1.46%200%202.87-.53%203.94-1.48a5.96%205.96%200%200%200%202-3.71c.01-.05.01-.1.01-.15l.17.01l6.08%206.09l.26%204.42c.25%202.48-.61%203.34-2.96%203.61m6-11.008l-2.07%201.31c-.39.24-.89.19-1.21-.14l-4.43-4.43a.98.98%200%200%201-.14-1.21l1.31-2.07c.8-1.26%202.4-1.32%203.59-.15l3.11%203.11c1.09%201.11%201.02%202.83-.16%203.58%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%22currentColor%22%3E%3Cpath%20d%3D%22M6.5%202c-1.06%200-2.04.37-2.81.99A4.45%204.45%200%200%200%202%206.5c0%20.84.24%201.64.65%202.32c.54.9%201.39%201.6%202.41%201.94q.675.24%201.44.24c1.14%200%202.17-.42%202.96-1.12a4.46%204.46%200%200%200%201.37-2.18c.11-.38.17-.79.17-1.2C11%204.01%208.99%202%206.5%202m1.66%205.25h-.89v.93a.749.749%200%201%201-1.5%200v-.93H4.8c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h.97v-.93a.749.749%200%201%201%201.5%200v.93h.89a.749.749%200%201%201%200%201.5%22%2F%3E%3Cpath%20d%3D%22m16%2021.29l-9.36%201.1c-.65.08-1.23-.02-1.72-.26a2.6%202.6%200%200%201-1.19-1.19c-.24-.49-.33-1.06-.26-1.7l.85-7.15c.08.03.16.06.24.08c.61.22%201.26.33%201.94.33c1.46%200%202.87-.53%203.94-1.48a5.96%205.96%200%200%200%202-3.71c.01-.05.01-.1.01-.15l.17.01l6.08%206.09l.26%204.42c.25%202.48-.61%203.34-2.96%203.61m6-11.008l-2.07%201.31c-.39.24-.89.19-1.21-.14l-4.43-4.43a.98.98%200%200%201-.14-1.21l1.31-2.07c.8-1.26%202.4-1.32%203.59-.15l3.11%203.11c1.09%201.11%201.02%202.83-.16%203.58%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/pen-add-filled.svg?color=%231a73e8&size=48
