pen icon
pen-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- pen-line
- Set
- MingCute Icon
- Style
- Line
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
penBootstrap IconspenBoxIcons v2penBoxIcons v2 SolidpenCarbonpenEmoji One (Colored)penFont Awesome 6 SolidpenFont Awesome Solidpen-outlineFlowbite Iconspen-16-filledFluent UI System IconspenFluent EmojipenFluent Emoji FlatpenFluent Emoji High Contrastpencss.ggpenJam IconspenLine AwesomepenLucidepenMage IconspenMaterial Design IconspenMyna UI IconspenNoto EmojipenOpenMojipenPhosphorpen-boldSolarpenTDesign Icons
Related icons in MingCute Icon
Use the pen icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m3.929 20.071l-.964-.268a1 1 0 0 0 1.232 1.232zm6.364-1.414l.12.993zm-4.95-4.95l.993.12zm14.143-4.95A1 1 0 1 0 20.9 7.343l-.707.707zm-2.829-5.656a1 1 0 1 0-1.414 1.414l.707-.707zM6.597 7.83l-.372-.928zm6.99-2.143l.708-.707zm4.946 5.803l.929.372zm-.221-1.078l.707-.708zm-2.144 6.99l-.928-.37zm-.801.621l-.126-.992zm.801-.62l.929.371l2.365-5.912l-.929-.372l-.928-.371l-2.365 5.912zm2.144-6.991l.707-.708l-4.724-4.724l-.707.707l-.707.707l4.724 4.725zm-5.803-4.946l-.371-.929l-5.913 2.365l.372.929l.37.928l5.914-2.365zM3.93 20.07l.268.964l.002-.001l.008-.002l.034-.01l.131-.035a79 79 0 0 1 2.128-.549c1.308-.319 2.848-.66 3.913-.788l-.12-.993l-.12-.993c-1.195.145-2.838.512-4.147.831a90 90 0 0 0-2.179.562l-.137.037l-.036.01l-.01.003h-.002zm6.364-1.414l.12.993c1.644-.2 3.999-.497 5.08-.634l-.127-.992l-.125-.992c-1.081.137-3.43.434-5.068.632zM5.976 8.634l-.992-.126c-.137 1.08-.434 3.435-.634 5.079l.993.12l.993.12c.198-1.637.495-3.987.632-5.068zm-.633 5.073l-.993-.12c-.129 1.065-.47 2.605-.788 3.913a89 89 0 0 1-.584 2.26l-.01.033l-.002.008v.002l1.926.536v-.001l.001-.003l.003-.01l.01-.035a49 49 0 0 0 .172-.64a90 90 0 0 0 .427-1.676c.32-1.31.686-2.951.83-4.146zm-.707 5.657l.707.707L11 14.414l-.707-.707L9.586 13l-5.657 5.657zm5.657-7.07L11 13l.707-.707l.707-.707a2 2 0 0 0-2.828 0zm1.414 0L11 13l.707.707l.707.707a2 2 0 0 0 0-2.828zm0 1.413L11 13l-.707.707l-.707.707a2 2 0 0 0 2.828 0zm-1.414 0L11 13l-.707-.707l-.707-.707a2 2 0 0 0 0 2.829zm9.9-5.657l.707-.707l-4.243-4.242l-.707.707l-.707.707l4.243 4.242zM6.597 7.832l-.372-.929c-.674.27-1.15.884-1.24 1.605l.991.126l.992.125v.001zm6.99-2.144l.708-.707a2 2 0 0 0-2.157-.443l.371.929l.371.928zm4.946 5.803l.929.372a2 2 0 0 0-.443-2.158l-.707.708l-.707.707zm-2.365 5.913l-.928-.372l.127.992l.125.992a2 2 0 0 0 1.605-1.241z"/></svg>
React
import type { SVGProps } from "react";
export function MingcutePenLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m3.929 20.071l-.964-.268a1 1 0 0 0 1.232 1.232zm6.364-1.414l.12.993zm-4.95-4.95l.993.12zm14.143-4.95A1 1 0 1 0 20.9 7.343l-.707.707zm-2.829-5.656a1 1 0 1 0-1.414 1.414l.707-.707zM6.597 7.83l-.372-.928zm6.99-2.143l.708-.707zm4.946 5.803l.929.372zm-.221-1.078l.707-.708zm-2.144 6.99l-.928-.37zm-.801.621l-.126-.992zm.801-.62l.929.371l2.365-5.912l-.929-.372l-.928-.371l-2.365 5.912zm2.144-6.991l.707-.708l-4.724-4.724l-.707.707l-.707.707l4.724 4.725zm-5.803-4.946l-.371-.929l-5.913 2.365l.372.929l.37.928l5.914-2.365zM3.93 20.07l.268.964l.002-.001l.008-.002l.034-.01l.131-.035a79 79 0 0 1 2.128-.549c1.308-.319 2.848-.66 3.913-.788l-.12-.993l-.12-.993c-1.195.145-2.838.512-4.147.831a90 90 0 0 0-2.179.562l-.137.037l-.036.01l-.01.003h-.002zm6.364-1.414l.12.993c1.644-.2 3.999-.497 5.08-.634l-.127-.992l-.125-.992c-1.081.137-3.43.434-5.068.632zM5.976 8.634l-.992-.126c-.137 1.08-.434 3.435-.634 5.079l.993.12l.993.12c.198-1.637.495-3.987.632-5.068zm-.633 5.073l-.993-.12c-.129 1.065-.47 2.605-.788 3.913a89 89 0 0 1-.584 2.26l-.01.033l-.002.008v.002l1.926.536v-.001l.001-.003l.003-.01l.01-.035a49 49 0 0 0 .172-.64a90 90 0 0 0 .427-1.676c.32-1.31.686-2.951.83-4.146zm-.707 5.657l.707.707L11 14.414l-.707-.707L9.586 13l-5.657 5.657zm5.657-7.07L11 13l.707-.707l.707-.707a2 2 0 0 0-2.828 0zm1.414 0L11 13l.707.707l.707.707a2 2 0 0 0 0-2.828zm0 1.413L11 13l-.707.707l-.707.707a2 2 0 0 0 2.828 0zm-1.414 0L11 13l-.707-.707l-.707-.707a2 2 0 0 0 0 2.829zm9.9-5.657l.707-.707l-4.243-4.242l-.707.707l-.707.707l4.243 4.242zM6.597 7.832l-.372-.929c-.674.27-1.15.884-1.24 1.605l.991.126l.992.125v.001zm6.99-2.144l.708-.707a2 2 0 0 0-2.157-.443l.371.929l.371.928zm4.946 5.803l.929.372a2 2 0 0 0-.443-2.158l-.707.708l-.707.707zm-2.365 5.913l-.928-.372l.127.992l.125.992a2 2 0 0 0 1.605-1.241z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m3.929 20.071l-.964-.268a1 1 0 0 0 1.232 1.232zm6.364-1.414l.12.993zm-4.95-4.95l.993.12zm14.143-4.95A1 1 0 1 0 20.9 7.343l-.707.707zm-2.829-5.656a1 1 0 1 0-1.414 1.414l.707-.707zM6.597 7.83l-.372-.928zm6.99-2.143l.708-.707zm4.946 5.803l.929.372zm-.221-1.078l.707-.708zm-2.144 6.99l-.928-.37zm-.801.621l-.126-.992zm.801-.62l.929.371l2.365-5.912l-.929-.372l-.928-.371l-2.365 5.912zm2.144-6.991l.707-.708l-4.724-4.724l-.707.707l-.707.707l4.724 4.725zm-5.803-4.946l-.371-.929l-5.913 2.365l.372.929l.37.928l5.914-2.365zM3.93 20.07l.268.964l.002-.001l.008-.002l.034-.01l.131-.035a79 79 0 0 1 2.128-.549c1.308-.319 2.848-.66 3.913-.788l-.12-.993l-.12-.993c-1.195.145-2.838.512-4.147.831a90 90 0 0 0-2.179.562l-.137.037l-.036.01l-.01.003h-.002zm6.364-1.414l.12.993c1.644-.2 3.999-.497 5.08-.634l-.127-.992l-.125-.992c-1.081.137-3.43.434-5.068.632zM5.976 8.634l-.992-.126c-.137 1.08-.434 3.435-.634 5.079l.993.12l.993.12c.198-1.637.495-3.987.632-5.068zm-.633 5.073l-.993-.12c-.129 1.065-.47 2.605-.788 3.913a89 89 0 0 1-.584 2.26l-.01.033l-.002.008v.002l1.926.536v-.001l.001-.003l.003-.01l.01-.035a49 49 0 0 0 .172-.64a90 90 0 0 0 .427-1.676c.32-1.31.686-2.951.83-4.146zm-.707 5.657l.707.707L11 14.414l-.707-.707L9.586 13l-5.657 5.657zm5.657-7.07L11 13l.707-.707l.707-.707a2 2 0 0 0-2.828 0zm1.414 0L11 13l.707.707l.707.707a2 2 0 0 0 0-2.828zm0 1.413L11 13l-.707.707l-.707.707a2 2 0 0 0 2.828 0zm-1.414 0L11 13l-.707-.707l-.707-.707a2 2 0 0 0 0 2.829zm9.9-5.657l.707-.707l-4.243-4.242l-.707.707l-.707.707l4.243 4.242zM6.597 7.832l-.372-.929c-.674.27-1.15.884-1.24 1.605l.991.126l.992.125v.001zm6.99-2.144l.708-.707a2 2 0 0 0-2.157-.443l.371.929l.371.928zm4.946 5.803l.929.372a2 2 0 0 0-.443-2.158l-.707.708l-.707.707zm-2.365 5.913l-.928-.372l.127.992l.125.992a2 2 0 0 0 1.605-1.241z"/></svg> </template>
CSS
.icon-pen-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%22currentColor%22%20d%3D%22m3.929%2020.071l-.964-.268a1%201%200%200%200%201.232%201.232zm6.364-1.414l.12.993zm-4.95-4.95l.993.12zm14.143-4.95A1%201%200%201%200%2020.9%207.343l-.707.707zm-2.829-5.656a1%201%200%201%200-1.414%201.414l.707-.707zM6.597%207.83l-.372-.928zm6.99-2.143l.708-.707zm4.946%205.803l.929.372zm-.221-1.078l.707-.708zm-2.144%206.99l-.928-.37zm-.801.621l-.126-.992zm.801-.62l.929.371l2.365-5.912l-.929-.372l-.928-.371l-2.365%205.912zm2.144-6.991l.707-.708l-4.724-4.724l-.707.707l-.707.707l4.724%204.725zm-5.803-4.946l-.371-.929l-5.913%202.365l.372.929l.37.928l5.914-2.365zM3.93%2020.07l.268.964l.002-.001l.008-.002l.034-.01l.131-.035a79%2079%200%200%201%202.128-.549c1.308-.319%202.848-.66%203.913-.788l-.12-.993l-.12-.993c-1.195.145-2.838.512-4.147.831a90%2090%200%200%200-2.179.562l-.137.037l-.036.01l-.01.003h-.002zm6.364-1.414l.12.993c1.644-.2%203.999-.497%205.08-.634l-.127-.992l-.125-.992c-1.081.137-3.43.434-5.068.632zM5.976%208.634l-.992-.126c-.137%201.08-.434%203.435-.634%205.079l.993.12l.993.12c.198-1.637.495-3.987.632-5.068zm-.633%205.073l-.993-.12c-.129%201.065-.47%202.605-.788%203.913a89%2089%200%200%201-.584%202.26l-.01.033l-.002.008v.002l1.926.536v-.001l.001-.003l.003-.01l.01-.035a49%2049%200%200%200%20.172-.64a90%2090%200%200%200%20.427-1.676c.32-1.31.686-2.951.83-4.146zm-.707%205.657l.707.707L11%2014.414l-.707-.707L9.586%2013l-5.657%205.657zm5.657-7.07L11%2013l.707-.707l.707-.707a2%202%200%200%200-2.828%200zm1.414%200L11%2013l.707.707l.707.707a2%202%200%200%200%200-2.828zm0%201.413L11%2013l-.707.707l-.707.707a2%202%200%200%200%202.828%200zm-1.414%200L11%2013l-.707-.707l-.707-.707a2%202%200%200%200%200%202.829zm9.9-5.657l.707-.707l-4.243-4.242l-.707.707l-.707.707l4.243%204.242zM6.597%207.832l-.372-.929c-.674.27-1.15.884-1.24%201.605l.991.126l.992.125v.001zm6.99-2.144l.708-.707a2%202%200%200%200-2.157-.443l.371.929l.371.928zm4.946%205.803l.929.372a2%202%200%200%200-.443-2.158l-.707.708l-.707.707zm-2.365%205.913l-.928-.372l.127.992l.125.992a2%202%200%200%200%201.605-1.241z%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%22currentColor%22%20d%3D%22m3.929%2020.071l-.964-.268a1%201%200%200%200%201.232%201.232zm6.364-1.414l.12.993zm-4.95-4.95l.993.12zm14.143-4.95A1%201%200%201%200%2020.9%207.343l-.707.707zm-2.829-5.656a1%201%200%201%200-1.414%201.414l.707-.707zM6.597%207.83l-.372-.928zm6.99-2.143l.708-.707zm4.946%205.803l.929.372zm-.221-1.078l.707-.708zm-2.144%206.99l-.928-.37zm-.801.621l-.126-.992zm.801-.62l.929.371l2.365-5.912l-.929-.372l-.928-.371l-2.365%205.912zm2.144-6.991l.707-.708l-4.724-4.724l-.707.707l-.707.707l4.724%204.725zm-5.803-4.946l-.371-.929l-5.913%202.365l.372.929l.37.928l5.914-2.365zM3.93%2020.07l.268.964l.002-.001l.008-.002l.034-.01l.131-.035a79%2079%200%200%201%202.128-.549c1.308-.319%202.848-.66%203.913-.788l-.12-.993l-.12-.993c-1.195.145-2.838.512-4.147.831a90%2090%200%200%200-2.179.562l-.137.037l-.036.01l-.01.003h-.002zm6.364-1.414l.12.993c1.644-.2%203.999-.497%205.08-.634l-.127-.992l-.125-.992c-1.081.137-3.43.434-5.068.632zM5.976%208.634l-.992-.126c-.137%201.08-.434%203.435-.634%205.079l.993.12l.993.12c.198-1.637.495-3.987.632-5.068zm-.633%205.073l-.993-.12c-.129%201.065-.47%202.605-.788%203.913a89%2089%200%200%201-.584%202.26l-.01.033l-.002.008v.002l1.926.536v-.001l.001-.003l.003-.01l.01-.035a49%2049%200%200%200%20.172-.64a90%2090%200%200%200%20.427-1.676c.32-1.31.686-2.951.83-4.146zm-.707%205.657l.707.707L11%2014.414l-.707-.707L9.586%2013l-5.657%205.657zm5.657-7.07L11%2013l.707-.707l.707-.707a2%202%200%200%200-2.828%200zm1.414%200L11%2013l.707.707l.707.707a2%202%200%200%200%200-2.828zm0%201.413L11%2013l-.707.707l-.707.707a2%202%200%200%200%202.828%200zm-1.414%200L11%2013l-.707-.707l-.707-.707a2%202%200%200%200%200%202.829zm9.9-5.657l.707-.707l-4.243-4.242l-.707.707l-.707.707l4.243%204.242zM6.597%207.832l-.372-.929c-.674.27-1.15.884-1.24%201.605l.991.126l.992.125v.001zm6.99-2.144l.708-.707a2%202%200%200%200-2.157-.443l.371.929l.371.928zm4.946%205.803l.929.372a2%202%200%200%200-.443-2.158l-.707.708l-.707.707zm-2.365%205.913l-.928-.372l.127.992l.125.992a2%202%200%200%200%201.605-1.241z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/pen-line.svg?color=%231a73e8&size=48
