clipboard pen icon
clipboard-pen from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- clipboard-pen
- 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 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="M7 4v1c0 .943 0 1.414.293 1.707S8.057 7 9 7h4c.943 0 1.414 0 1.707-.293S15 5.943 15 5V4"/><path fill="currentColor" d="M7.996 22.748a.75.75 0 0 0 .008-1.5l-.004.75zm-4.117-1.627l.53-.53zm0-16.242l.53.53zM7 4.017l-.008-.75h-.015zm8 0l.023-.75h-.015zM13.45 4l-.735.15a.75.75 0 0 0 .727.6zm-4.9 0l.008.75a.75.75 0 0 0 .727-.6zm9.698 5.004a.75.75 0 1 0 1.5-.008l-.75.004zm-.127-4.125l.53-.53zM8 21.999l.004-.75c-1.093-.007-1.868-.035-2.457-.143c-.566-.104-.895-.272-1.138-.515l-.53.53l-.53.53c.524.526 1.17.79 1.927.93c.737.135 1.638.161 2.72.167zM3 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.191zm0-6h-.75v6h1.5v-6zm0 0h.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.391zm4-5.983l-.023-.75c-1.542.047-2.757.21-3.629 1.081l.53.53l.531.531c.41-.41 1.049-.595 2.614-.642zm8 0l.008-.75l-1.55-.017l-.008.75l-.008.75l1.55.017zM11 2v-.75a3.25 3.25 0 0 0-3.185 2.6L8.55 4l.735.15A1.75 1.75 0 0 1 11 2.75zm7.998 7l.75-.004c-.006-1.082-.032-1.983-.167-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.457zM15 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.081zm-8 0l.008.75l1.55-.017L8.55 4l-.008-.75l-1.55.017zM13.45 4l.735-.15A3.25 3.25 0 0 0 11 1.25v1.5c.846 0 1.553.6 1.715 1.4z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 22v-1.506c0-.682.27-1.336.753-1.819l5.221-5.22a1.55 1.55 0 0 1 2.195 0l.376.376a1.55 1.55 0 0 1 0 2.195l-5.22 5.22a2.57 2.57 0 0 1-1.819.754z"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsClipboardPen(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="M7 4v1c0 .943 0 1.414.293 1.707S8.057 7 9 7h4c.943 0 1.414 0 1.707-.293S15 5.943 15 5V4"/><path fill="currentColor" d="M7.996 22.748a.75.75 0 0 0 .008-1.5l-.004.75zm-4.117-1.627l.53-.53zm0-16.242l.53.53zM7 4.017l-.008-.75h-.015zm8 0l.023-.75h-.015zM13.45 4l-.735.15a.75.75 0 0 0 .727.6zm-4.9 0l.008.75a.75.75 0 0 0 .727-.6zm9.698 5.004a.75.75 0 1 0 1.5-.008l-.75.004zm-.127-4.125l.53-.53zM8 21.999l.004-.75c-1.093-.007-1.868-.035-2.457-.143c-.566-.104-.895-.272-1.138-.515l-.53.53l-.53.53c.524.526 1.17.79 1.927.93c.737.135 1.638.161 2.72.167zM3 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.191zm0-6h-.75v6h1.5v-6zm0 0h.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.391zm4-5.983l-.023-.75c-1.542.047-2.757.21-3.629 1.081l.53.53l.531.531c.41-.41 1.049-.595 2.614-.642zm8 0l.008-.75l-1.55-.017l-.008.75l-.008.75l1.55.017zM11 2v-.75a3.25 3.25 0 0 0-3.185 2.6L8.55 4l.735.15A1.75 1.75 0 0 1 11 2.75zm7.998 7l.75-.004c-.006-1.082-.032-1.983-.167-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.457zM15 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.081zm-8 0l.008.75l1.55-.017L8.55 4l-.008-.75l-1.55.017zM13.45 4l.735-.15A3.25 3.25 0 0 0 11 1.25v1.5c.846 0 1.553.6 1.715 1.4z"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M12 22v-1.506c0-.682.27-1.336.753-1.819l5.221-5.22a1.55 1.55 0 0 1 2.195 0l.376.376a1.55 1.55 0 0 1 0 2.195l-5.22 5.22a2.57 2.57 0 0 1-1.819.754z"/></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="M7 4v1c0 .943 0 1.414.293 1.707S8.057 7 9 7h4c.943 0 1.414 0 1.707-.293S15 5.943 15 5V4"/><path fill="currentColor" d="M7.996 22.748a.75.75 0 0 0 .008-1.5l-.004.75zm-4.117-1.627l.53-.53zm0-16.242l.53.53zM7 4.017l-.008-.75h-.015zm8 0l.023-.75h-.015zM13.45 4l-.735.15a.75.75 0 0 0 .727.6zm-4.9 0l.008.75a.75.75 0 0 0 .727-.6zm9.698 5.004a.75.75 0 1 0 1.5-.008l-.75.004zm-.127-4.125l.53-.53zM8 21.999l.004-.75c-1.093-.007-1.868-.035-2.457-.143c-.566-.104-.895-.272-1.138-.515l-.53.53l-.53.53c.524.526 1.17.79 1.927.93c.737.135 1.638.161 2.72.167zM3 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.191zm0-6h-.75v6h1.5v-6zm0 0h.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.391zm4-5.983l-.023-.75c-1.542.047-2.757.21-3.629 1.081l.53.53l.531.531c.41-.41 1.049-.595 2.614-.642zm8 0l.008-.75l-1.55-.017l-.008.75l-.008.75l1.55.017zM11 2v-.75a3.25 3.25 0 0 0-3.185 2.6L8.55 4l.735.15A1.75 1.75 0 0 1 11 2.75zm7.998 7l.75-.004c-.006-1.082-.032-1.983-.167-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.457zM15 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.081zm-8 0l.008.75l1.55-.017L8.55 4l-.008-.75l-1.55.017zM13.45 4l.735-.15A3.25 3.25 0 0 0 11 1.25v1.5c.846 0 1.553.6 1.715 1.4z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 22v-1.506c0-.682.27-1.336.753-1.819l5.221-5.22a1.55 1.55 0 0 1 2.195 0l.376.376a1.55 1.55 0 0 1 0 2.195l-5.22 5.22a2.57 2.57 0 0 1-1.819.754z"/></g></svg> </template>
CSS
.icon-clipboard-pen {
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%22M7%204v1c0%20.943%200%201.414.293%201.707S8.057%207%209%207h4c.943%200%201.414%200%201.707-.293S15%205.943%2015%205V4%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.996%2022.748a.75.75%200%200%200%20.008-1.5l-.004.75zm-4.117-1.627l.53-.53zm0-16.242l.53.53zM7%204.017l-.008-.75h-.015zm8%200l.023-.75h-.015zM13.45%204l-.735.15a.75.75%200%200%200%20.727.6zm-4.9%200l.008.75a.75.75%200%200%200%20.727-.6zm9.698%205.004a.75.75%200%201%200%201.5-.008l-.75.004zm-.127-4.125l.53-.53zM8%2021.999l.004-.75c-1.093-.007-1.868-.035-2.457-.143c-.566-.104-.895-.272-1.138-.515l-.53.53l-.53.53c.524.526%201.17.79%201.927.93c.737.135%201.638.161%202.72.167zM3%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.191zm0-6h-.75v6h1.5v-6zm0%200h.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.391zm4-5.983l-.023-.75c-1.542.047-2.757.21-3.629%201.081l.53.53l.531.531c.41-.41%201.049-.595%202.614-.642zm8%200l.008-.75l-1.55-.017l-.008.75l-.008.75l1.55.017zM11%202v-.75a3.25%203.25%200%200%200-3.185%202.6L8.55%204l.735.15A1.75%201.75%200%200%201%2011%202.75zm7.998%207l.75-.004c-.006-1.082-.032-1.983-.167-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.457zM15%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.081zm-8%200l.008.75l1.55-.017L8.55%204l-.008-.75l-1.55.017zM13.45%204l.735-.15A3.25%203.25%200%200%200%2011%201.25v1.5c.846%200%201.553.6%201.715%201.4z%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%22M12%2022v-1.506c0-.682.27-1.336.753-1.819l5.221-5.22a1.55%201.55%200%200%201%202.195%200l.376.376a1.55%201.55%200%200%201%200%202.195l-5.22%205.22a2.57%202.57%200%200%201-1.819.754z%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%22M7%204v1c0%20.943%200%201.414.293%201.707S8.057%207%209%207h4c.943%200%201.414%200%201.707-.293S15%205.943%2015%205V4%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.996%2022.748a.75.75%200%200%200%20.008-1.5l-.004.75zm-4.117-1.627l.53-.53zm0-16.242l.53.53zM7%204.017l-.008-.75h-.015zm8%200l.023-.75h-.015zM13.45%204l-.735.15a.75.75%200%200%200%20.727.6zm-4.9%200l.008.75a.75.75%200%200%200%20.727-.6zm9.698%205.004a.75.75%200%201%200%201.5-.008l-.75.004zm-.127-4.125l.53-.53zM8%2021.999l.004-.75c-1.093-.007-1.868-.035-2.457-.143c-.566-.104-.895-.272-1.138-.515l-.53.53l-.53.53c.524.526%201.17.79%201.927.93c.737.135%201.638.161%202.72.167zM3%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.191zm0-6h-.75v6h1.5v-6zm0%200h.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.391zm4-5.983l-.023-.75c-1.542.047-2.757.21-3.629%201.081l.53.53l.531.531c.41-.41%201.049-.595%202.614-.642zm8%200l.008-.75l-1.55-.017l-.008.75l-.008.75l1.55.017zM11%202v-.75a3.25%203.25%200%200%200-3.185%202.6L8.55%204l.735.15A1.75%201.75%200%200%201%2011%202.75zm7.998%207l.75-.004c-.006-1.082-.032-1.983-.167-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.457zM15%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.081zm-8%200l.008.75l1.55-.017L8.55%204l-.008-.75l-1.55.017zM13.45%204l.735-.15A3.25%203.25%200%200%200%2011%201.25v1.5c.846%200%201.553.6%201.715%201.4z%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%22M12%2022v-1.506c0-.682.27-1.336.753-1.819l5.221-5.22a1.55%201.55%200%200%201%202.195%200l.376.376a1.55%201.55%200%200%201%200%202.195l-5.22%205.22a2.57%202.57%200%200%201-1.819.754z%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.svg?color=%231a73e8&size=48
