clipboard pen line icon
clipboard-pen-line from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- clipboard-pen-line
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Huge Icons
Use the clipboard pen line icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M8 4v1c0 .943 0 1.414.293 1.707S9.057 7 10 7h4c.943 0 1.414 0 1.707-.293S16 5.943 16 5V4"/><path fill="currentColor" d="M19.248 9.004a.75.75 0 1 0 1.5-.008l-.75.004zm-.127-4.125l.53-.53zM16 4.017l.023-.75h-.015zM14.45 4l-.735.15a.75.75 0 0 0 .727.6zm-4.9 0l.008.75a.75.75 0 0 0 .727-.6zM8 4.017l-.008-.75h-.015zm-3.121.862l.53.53zm.917 17.591a.75.75 0 0 0 .408-1.443L6 21.75zm-.917-1.349l.53-.53zM19.999 9l.75-.004c-.007-1.082-.033-1.983-.168-2.72c-.14-.758-.404-1.403-.93-1.928l-.53.53l-.53.531c.243.243.41.572.515 1.138c.108.589.136 1.364.142 2.457zM16 4.017l-.023.75c1.565.047 2.203.231 2.614.642l.53-.53l.53-.53c-.871-.873-2.086-1.035-3.628-1.081zm0 0l.008-.75l-1.55-.017l-.008.75l-.008.75l1.55.017zM14.45 4l.735-.15A3.25 3.25 0 0 0 12 1.25v1.5c.846 0 1.553.6 1.715 1.4zM12 2v-.75a3.25 3.25 0 0 0-3.185 2.6L9.55 4l.735.15A1.75 1.75 0 0 1 12 2.75zM8 4.017l.008.75l1.55-.017L9.55 4l-.008-.75l-1.55.017zm0 0l-.023-.75c-1.542.047-2.757.21-3.629 1.081l.53.53l.531.531c.41-.41 1.049-.595 2.614-.642zM4 10h.75c0-1.435.002-2.437.103-3.192c.099-.734.28-1.122.556-1.399l-.53-.53l-.53-.53c-.603.601-.861 1.36-.982 2.26c-.119.878-.117 1.998-.117 3.391zm0 0h-.75v6h1.5v-6zm2 11.749l.204-.722c-.36-.102-.602-.243-.795-.436l-.53.53l-.53.53c.406.407.888.661 1.447.82zM4 16h-.75c0 1.393-.002 2.513.117 3.392c.12.9.38 1.658.981 2.26l.53-.53l.531-.531c-.277-.277-.457-.665-.556-1.4c-.101-.755-.103-1.756-.103-3.191z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M14 22v-1.339c0-.606.24-1.187.67-1.616l4.64-4.64a1.38 1.38 0 0 1 1.951 0l.335.334a1.38 1.38 0 0 1 0 1.95l-4.64 4.642a2.3 2.3 0 0 1-1.617.669zm-5 0h2"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsClipboardPenLine(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"><path stroke="currentColor" strokeLinejoin="round" strokeWidth="1.5" d="M8 4v1c0 .943 0 1.414.293 1.707S9.057 7 10 7h4c.943 0 1.414 0 1.707-.293S16 5.943 16 5V4"/><path fill="currentColor" d="M19.248 9.004a.75.75 0 1 0 1.5-.008l-.75.004zm-.127-4.125l.53-.53zM16 4.017l.023-.75h-.015zM14.45 4l-.735.15a.75.75 0 0 0 .727.6zm-4.9 0l.008.75a.75.75 0 0 0 .727-.6zM8 4.017l-.008-.75h-.015zm-3.121.862l.53.53zm.917 17.591a.75.75 0 0 0 .408-1.443L6 21.75zm-.917-1.349l.53-.53zM19.999 9l.75-.004c-.007-1.082-.033-1.983-.168-2.72c-.14-.758-.404-1.403-.93-1.928l-.53.53l-.53.531c.243.243.41.572.515 1.138c.108.589.136 1.364.142 2.457zM16 4.017l-.023.75c1.565.047 2.203.231 2.614.642l.53-.53l.53-.53c-.871-.873-2.086-1.035-3.628-1.081zm0 0l.008-.75l-1.55-.017l-.008.75l-.008.75l1.55.017zM14.45 4l.735-.15A3.25 3.25 0 0 0 12 1.25v1.5c.846 0 1.553.6 1.715 1.4zM12 2v-.75a3.25 3.25 0 0 0-3.185 2.6L9.55 4l.735.15A1.75 1.75 0 0 1 12 2.75zM8 4.017l.008.75l1.55-.017L9.55 4l-.008-.75l-1.55.017zm0 0l-.023-.75c-1.542.047-2.757.21-3.629 1.081l.53.53l.531.531c.41-.41 1.049-.595 2.614-.642zM4 10h.75c0-1.435.002-2.437.103-3.192c.099-.734.28-1.122.556-1.399l-.53-.53l-.53-.53c-.603.601-.861 1.36-.982 2.26c-.119.878-.117 1.998-.117 3.391zm0 0h-.75v6h1.5v-6zm2 11.749l.204-.722c-.36-.102-.602-.243-.795-.436l-.53.53l-.53.53c.406.407.888.661 1.447.82zM4 16h-.75c0 1.393-.002 2.513.117 3.392c.12.9.38 1.658.981 2.26l.53-.53l.531-.531c-.277-.277-.457-.665-.556-1.4c-.101-.755-.103-1.756-.103-3.191z"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M14 22v-1.339c0-.606.24-1.187.67-1.616l4.64-4.64a1.38 1.38 0 0 1 1.951 0l.335.334a1.38 1.38 0 0 1 0 1.95l-4.64 4.642a2.3 2.3 0 0 1-1.617.669zm-5 0h2"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M8 4v1c0 .943 0 1.414.293 1.707S9.057 7 10 7h4c.943 0 1.414 0 1.707-.293S16 5.943 16 5V4"/><path fill="currentColor" d="M19.248 9.004a.75.75 0 1 0 1.5-.008l-.75.004zm-.127-4.125l.53-.53zM16 4.017l.023-.75h-.015zM14.45 4l-.735.15a.75.75 0 0 0 .727.6zm-4.9 0l.008.75a.75.75 0 0 0 .727-.6zM8 4.017l-.008-.75h-.015zm-3.121.862l.53.53zm.917 17.591a.75.75 0 0 0 .408-1.443L6 21.75zm-.917-1.349l.53-.53zM19.999 9l.75-.004c-.007-1.082-.033-1.983-.168-2.72c-.14-.758-.404-1.403-.93-1.928l-.53.53l-.53.531c.243.243.41.572.515 1.138c.108.589.136 1.364.142 2.457zM16 4.017l-.023.75c1.565.047 2.203.231 2.614.642l.53-.53l.53-.53c-.871-.873-2.086-1.035-3.628-1.081zm0 0l.008-.75l-1.55-.017l-.008.75l-.008.75l1.55.017zM14.45 4l.735-.15A3.25 3.25 0 0 0 12 1.25v1.5c.846 0 1.553.6 1.715 1.4zM12 2v-.75a3.25 3.25 0 0 0-3.185 2.6L9.55 4l.735.15A1.75 1.75 0 0 1 12 2.75zM8 4.017l.008.75l1.55-.017L9.55 4l-.008-.75l-1.55.017zm0 0l-.023-.75c-1.542.047-2.757.21-3.629 1.081l.53.53l.531.531c.41-.41 1.049-.595 2.614-.642zM4 10h.75c0-1.435.002-2.437.103-3.192c.099-.734.28-1.122.556-1.399l-.53-.53l-.53-.53c-.603.601-.861 1.36-.982 2.26c-.119.878-.117 1.998-.117 3.391zm0 0h-.75v6h1.5v-6zm2 11.749l.204-.722c-.36-.102-.602-.243-.795-.436l-.53.53l-.53.53c.406.407.888.661 1.447.82zM4 16h-.75c0 1.393-.002 2.513.117 3.392c.12.9.38 1.658.981 2.26l.53-.53l.531-.531c-.277-.277-.457-.665-.556-1.4c-.101-.755-.103-1.756-.103-3.191z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M14 22v-1.339c0-.606.24-1.187.67-1.616l4.64-4.64a1.38 1.38 0 0 1 1.951 0l.335.334a1.38 1.38 0 0 1 0 1.95l-4.64 4.642a2.3 2.3 0 0 1-1.617.669zm-5 0h2"/></g></svg> </template>
CSS
.icon-clipboard-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%3Cg%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M8%204v1c0%20.943%200%201.414.293%201.707S9.057%207%2010%207h4c.943%200%201.414%200%201.707-.293S16%205.943%2016%205V4%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.248%209.004a.75.75%200%201%200%201.5-.008l-.75.004zm-.127-4.125l.53-.53zM16%204.017l.023-.75h-.015zM14.45%204l-.735.15a.75.75%200%200%200%20.727.6zm-4.9%200l.008.75a.75.75%200%200%200%20.727-.6zM8%204.017l-.008-.75h-.015zm-3.121.862l.53.53zm.917%2017.591a.75.75%200%200%200%20.408-1.443L6%2021.75zm-.917-1.349l.53-.53zM19.999%209l.75-.004c-.007-1.082-.033-1.983-.168-2.72c-.14-.758-.404-1.403-.93-1.928l-.53.53l-.53.531c.243.243.41.572.515%201.138c.108.589.136%201.364.142%202.457zM16%204.017l-.023.75c1.565.047%202.203.231%202.614.642l.53-.53l.53-.53c-.871-.873-2.086-1.035-3.628-1.081zm0%200l.008-.75l-1.55-.017l-.008.75l-.008.75l1.55.017zM14.45%204l.735-.15A3.25%203.25%200%200%200%2012%201.25v1.5c.846%200%201.553.6%201.715%201.4zM12%202v-.75a3.25%203.25%200%200%200-3.185%202.6L9.55%204l.735.15A1.75%201.75%200%200%201%2012%202.75zM8%204.017l.008.75l1.55-.017L9.55%204l-.008-.75l-1.55.017zm0%200l-.023-.75c-1.542.047-2.757.21-3.629%201.081l.53.53l.531.531c.41-.41%201.049-.595%202.614-.642zM4%2010h.75c0-1.435.002-2.437.103-3.192c.099-.734.28-1.122.556-1.399l-.53-.53l-.53-.53c-.603.601-.861%201.36-.982%202.26c-.119.878-.117%201.998-.117%203.391zm0%200h-.75v6h1.5v-6zm2%2011.749l.204-.722c-.36-.102-.602-.243-.795-.436l-.53.53l-.53.53c.406.407.888.661%201.447.82zM4%2016h-.75c0%201.393-.002%202.513.117%203.392c.12.9.38%201.658.981%202.26l.53-.53l.531-.531c-.277-.277-.457-.665-.556-1.4c-.101-.755-.103-1.756-.103-3.191z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M14%2022v-1.339c0-.606.24-1.187.67-1.616l4.64-4.64a1.38%201.38%200%200%201%201.951%200l.335.334a1.38%201.38%200%200%201%200%201.95l-4.64%204.642a2.3%202.3%200%200%201-1.617.669zm-5%200h2%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%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M8%204v1c0%20.943%200%201.414.293%201.707S9.057%207%2010%207h4c.943%200%201.414%200%201.707-.293S16%205.943%2016%205V4%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.248%209.004a.75.75%200%201%200%201.5-.008l-.75.004zm-.127-4.125l.53-.53zM16%204.017l.023-.75h-.015zM14.45%204l-.735.15a.75.75%200%200%200%20.727.6zm-4.9%200l.008.75a.75.75%200%200%200%20.727-.6zM8%204.017l-.008-.75h-.015zm-3.121.862l.53.53zm.917%2017.591a.75.75%200%200%200%20.408-1.443L6%2021.75zm-.917-1.349l.53-.53zM19.999%209l.75-.004c-.007-1.082-.033-1.983-.168-2.72c-.14-.758-.404-1.403-.93-1.928l-.53.53l-.53.531c.243.243.41.572.515%201.138c.108.589.136%201.364.142%202.457zM16%204.017l-.023.75c1.565.047%202.203.231%202.614.642l.53-.53l.53-.53c-.871-.873-2.086-1.035-3.628-1.081zm0%200l.008-.75l-1.55-.017l-.008.75l-.008.75l1.55.017zM14.45%204l.735-.15A3.25%203.25%200%200%200%2012%201.25v1.5c.846%200%201.553.6%201.715%201.4zM12%202v-.75a3.25%203.25%200%200%200-3.185%202.6L9.55%204l.735.15A1.75%201.75%200%200%201%2012%202.75zM8%204.017l.008.75l1.55-.017L9.55%204l-.008-.75l-1.55.017zm0%200l-.023-.75c-1.542.047-2.757.21-3.629%201.081l.53.53l.531.531c.41-.41%201.049-.595%202.614-.642zM4%2010h.75c0-1.435.002-2.437.103-3.192c.099-.734.28-1.122.556-1.399l-.53-.53l-.53-.53c-.603.601-.861%201.36-.982%202.26c-.119.878-.117%201.998-.117%203.391zm0%200h-.75v6h1.5v-6zm2%2011.749l.204-.722c-.36-.102-.602-.243-.795-.436l-.53.53l-.53.53c.406.407.888.661%201.447.82zM4%2016h-.75c0%201.393-.002%202.513.117%203.392c.12.9.38%201.658.981%202.26l.53-.53l.531-.531c-.277-.277-.457-.665-.556-1.4c-.101-.755-.103-1.756-.103-3.191z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M14%2022v-1.339c0-.606.24-1.187.67-1.616l4.64-4.64a1.38%201.38%200%200%201%201.951%200l.335.334a1.38%201.38%200%200%201%200%201.95l-4.64%204.642a2.3%202.3%200%200%201-1.617.669zm-5%200h2%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/clipboard-pen-line.svg?color=%231a73e8&size=48
