pen alt icon
pen-alt from Line Awesome by Icons8 · Line · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- pen-alt
- Set
- Line Awesome
- Style
- Line
- Category
- Objects
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- pen-alt-solid
The same icon in other sets
More objects icons from Line Awesome
Use the pen alt icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M19.156 3c-.765.004-1.511.3-2.062.906c-.008.008.008.024 0 .031c-1.23 1.239-1.707 2.47-2.125 3.563c-.18.473-.36.918-.594 1.375A2.48 2.48 0 0 0 12.5 8a2.52 2.52 0 0 0-2.5 2.5c0 1.367 1.133 2.5 2.5 2.5c.742 0 1.383-.352 1.844-.875l.062.063l-9.125 9.093l-.281.313v3.968l-1 1.032L5.406 28l1.032-1h3.968l.313-.281L27.28 10.125l.032-.031a2.97 2.97 0 0 0 0-4.188l-1.22-1.218A2.95 2.95 0 0 0 24 3.813c-.715 0-1.41.277-1.969.78l-.718-.687A3.06 3.06 0 0 0 19.155 3zm.032 2c.246.004.511.105.718.313l.688.687l-6.125 6.094c1.355-1.438 1.953-2.774 2.375-3.875c.43-1.125.699-1.95 1.656-2.906l.063-.063a.8.8 0 0 1 .625-.25M24 5.781c.234 0 .465.09.688.313l1.218 1.218c.446.446.446.93 0 1.375L25 9.563L22.437 7l.782-.781l.093-.125c.223-.223.454-.313.688-.313m-3 2.657L23.563 11L16 18.563L13.437 16zM12.5 10c.29 0 .5.21.5.5s-.21.5-.5.5s-.5-.21-.5-.5s.21-.5.5-.5m-.5 7.438L14.563 20l-5 5H7v-2.563z"/></svg>
React
import type { SVGProps } from "react";
export function LaPenAlt(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M19.156 3c-.765.004-1.511.3-2.062.906c-.008.008.008.024 0 .031c-1.23 1.239-1.707 2.47-2.125 3.563c-.18.473-.36.918-.594 1.375A2.48 2.48 0 0 0 12.5 8a2.52 2.52 0 0 0-2.5 2.5c0 1.367 1.133 2.5 2.5 2.5c.742 0 1.383-.352 1.844-.875l.062.063l-9.125 9.093l-.281.313v3.968l-1 1.032L5.406 28l1.032-1h3.968l.313-.281L27.28 10.125l.032-.031a2.97 2.97 0 0 0 0-4.188l-1.22-1.218A2.95 2.95 0 0 0 24 3.813c-.715 0-1.41.277-1.969.78l-.718-.687A3.06 3.06 0 0 0 19.155 3zm.032 2c.246.004.511.105.718.313l.688.687l-6.125 6.094c1.355-1.438 1.953-2.774 2.375-3.875c.43-1.125.699-1.95 1.656-2.906l.063-.063a.8.8 0 0 1 .625-.25M24 5.781c.234 0 .465.09.688.313l1.218 1.218c.446.446.446.93 0 1.375L25 9.563L22.437 7l.782-.781l.093-.125c.223-.223.454-.313.688-.313m-3 2.657L23.563 11L16 18.563L13.437 16zM12.5 10c.29 0 .5.21.5.5s-.21.5-.5.5s-.5-.21-.5-.5s.21-.5.5-.5m-.5 7.438L14.563 20l-5 5H7v-2.563z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M19.156 3c-.765.004-1.511.3-2.062.906c-.008.008.008.024 0 .031c-1.23 1.239-1.707 2.47-2.125 3.563c-.18.473-.36.918-.594 1.375A2.48 2.48 0 0 0 12.5 8a2.52 2.52 0 0 0-2.5 2.5c0 1.367 1.133 2.5 2.5 2.5c.742 0 1.383-.352 1.844-.875l.062.063l-9.125 9.093l-.281.313v3.968l-1 1.032L5.406 28l1.032-1h3.968l.313-.281L27.28 10.125l.032-.031a2.97 2.97 0 0 0 0-4.188l-1.22-1.218A2.95 2.95 0 0 0 24 3.813c-.715 0-1.41.277-1.969.78l-.718-.687A3.06 3.06 0 0 0 19.155 3zm.032 2c.246.004.511.105.718.313l.688.687l-6.125 6.094c1.355-1.438 1.953-2.774 2.375-3.875c.43-1.125.699-1.95 1.656-2.906l.063-.063a.8.8 0 0 1 .625-.25M24 5.781c.234 0 .465.09.688.313l1.218 1.218c.446.446.446.93 0 1.375L25 9.563L22.437 7l.782-.781l.093-.125c.223-.223.454-.313.688-.313m-3 2.657L23.563 11L16 18.563L13.437 16zM12.5 10c.29 0 .5.21.5.5s-.21.5-.5.5s-.5-.21-.5-.5s.21-.5.5-.5m-.5 7.438L14.563 20l-5 5H7v-2.563z"/></svg> </template>
CSS
.icon-pen-alt {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.156%203c-.765.004-1.511.3-2.062.906c-.008.008.008.024%200%20.031c-1.23%201.239-1.707%202.47-2.125%203.563c-.18.473-.36.918-.594%201.375A2.48%202.48%200%200%200%2012.5%208a2.52%202.52%200%200%200-2.5%202.5c0%201.367%201.133%202.5%202.5%202.5c.742%200%201.383-.352%201.844-.875l.062.063l-9.125%209.093l-.281.313v3.968l-1%201.032L5.406%2028l1.032-1h3.968l.313-.281L27.28%2010.125l.032-.031a2.97%202.97%200%200%200%200-4.188l-1.22-1.218A2.95%202.95%200%200%200%2024%203.813c-.715%200-1.41.277-1.969.78l-.718-.687A3.06%203.06%200%200%200%2019.155%203zm.032%202c.246.004.511.105.718.313l.688.687l-6.125%206.094c1.355-1.438%201.953-2.774%202.375-3.875c.43-1.125.699-1.95%201.656-2.906l.063-.063a.8.8%200%200%201%20.625-.25M24%205.781c.234%200%20.465.09.688.313l1.218%201.218c.446.446.446.93%200%201.375L25%209.563L22.437%207l.782-.781l.093-.125c.223-.223.454-.313.688-.313m-3%202.657L23.563%2011L16%2018.563L13.437%2016zM12.5%2010c.29%200%20.5.21.5.5s-.21.5-.5.5s-.5-.21-.5-.5s.21-.5.5-.5m-.5%207.438L14.563%2020l-5%205H7v-2.563z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.156%203c-.765.004-1.511.3-2.062.906c-.008.008.008.024%200%20.031c-1.23%201.239-1.707%202.47-2.125%203.563c-.18.473-.36.918-.594%201.375A2.48%202.48%200%200%200%2012.5%208a2.52%202.52%200%200%200-2.5%202.5c0%201.367%201.133%202.5%202.5%202.5c.742%200%201.383-.352%201.844-.875l.062.063l-9.125%209.093l-.281.313v3.968l-1%201.032L5.406%2028l1.032-1h3.968l.313-.281L27.28%2010.125l.032-.031a2.97%202.97%200%200%200%200-4.188l-1.22-1.218A2.95%202.95%200%200%200%2024%203.813c-.715%200-1.41.277-1.969.78l-.718-.687A3.06%203.06%200%200%200%2019.155%203zm.032%202c.246.004.511.105.718.313l.688.687l-6.125%206.094c1.355-1.438%201.953-2.774%202.375-3.875c.43-1.125.699-1.95%201.656-2.906l.063-.063a.8.8%200%200%201%20.625-.25M24%205.781c.234%200%20.465.09.688.313l1.218%201.218c.446.446.446.93%200%201.375L25%209.563L22.437%207l.782-.781l.093-.125c.223-.223.454-.313.688-.313m-3%202.657L23.563%2011L16%2018.563L13.437%2016zM12.5%2010c.29%200%20.5.21.5.5s-.21.5-.5.5s-.5-.21-.5-.5s.21-.5.5-.5m-.5%207.438L14.563%2020l-5%205H7v-2.563z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/pen-alt.svg?color=%231a73e8&size=48
