doc on clipboard icon

doc-on-clipboard-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.

Name
doc-on-clipboard-fill
Set
Framework7 Icons
Style
Fill
Viewbox
56×56
License
MIT

1 other variant in Framework7 Icons

doc-on-clipboard

Related icons in Framework7 Icons

doc-appenddoc-chartdoc-checkmarkdoc-circledoc-on-docdoc-persondoc-plaintextdoc-richtextdoc-textdoc-text-searchdoc-text-viewfinder

Use the doc on clipboard icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M42.624 45.003h1.3c4.54 0 6.81-2.314 6.81-6.92V6.92c0-4.606-2.27-6.92-6.81-6.92h-21.29c-4.54 0-6.831 2.314-6.831 6.92V8h2.864c3.108 0 5.598.882 8.067 3.35L39.23 23.89c2.49 2.49 3.394 5.047 3.394 8.044ZM27.902 7.78c-.97 0-1.41-.64-1.41-1.3v-.464c0-.683.44-1.3 1.41-1.3h10.755c.947 0 1.41.617 1.41 1.3v.463c0 .662-.463 1.3-1.41 1.3ZM11.505 56h21.29c4.54 0 6.831-2.314 6.831-6.92V31.339H23.67c-2.843 0-4.165-1.344-4.165-4.165V10.997h-8c-4.54 0-6.832 2.314-6.832 6.92V49.08c0 4.628 2.292 6.92 6.832 6.92m12.143-27.68h14.81c-.22-.86-.815-1.653-1.807-2.667l-11.46-11.658c-.97-.992-1.83-1.587-2.667-1.83v15.03q0 1.125 1.124 1.125"/></svg>

React

import type { SVGProps } from "react";

export function F7DocOnClipboardFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M42.624 45.003h1.3c4.54 0 6.81-2.314 6.81-6.92V6.92c0-4.606-2.27-6.92-6.81-6.92h-21.29c-4.54 0-6.831 2.314-6.831 6.92V8h2.864c3.108 0 5.598.882 8.067 3.35L39.23 23.89c2.49 2.49 3.394 5.047 3.394 8.044ZM27.902 7.78c-.97 0-1.41-.64-1.41-1.3v-.464c0-.683.44-1.3 1.41-1.3h10.755c.947 0 1.41.617 1.41 1.3v.463c0 .662-.463 1.3-1.41 1.3ZM11.505 56h21.29c4.54 0 6.831-2.314 6.831-6.92V31.339H23.67c-2.843 0-4.165-1.344-4.165-4.165V10.997h-8c-4.54 0-6.832 2.314-6.832 6.92V49.08c0 4.628 2.292 6.92 6.832 6.92m12.143-27.68h14.81c-.22-.86-.815-1.653-1.807-2.667l-11.46-11.658c-.97-.992-1.83-1.587-2.667-1.83v15.03q0 1.125 1.124 1.125"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M42.624 45.003h1.3c4.54 0 6.81-2.314 6.81-6.92V6.92c0-4.606-2.27-6.92-6.81-6.92h-21.29c-4.54 0-6.831 2.314-6.831 6.92V8h2.864c3.108 0 5.598.882 8.067 3.35L39.23 23.89c2.49 2.49 3.394 5.047 3.394 8.044ZM27.902 7.78c-.97 0-1.41-.64-1.41-1.3v-.464c0-.683.44-1.3 1.41-1.3h10.755c.947 0 1.41.617 1.41 1.3v.463c0 .662-.463 1.3-1.41 1.3ZM11.505 56h21.29c4.54 0 6.831-2.314 6.831-6.92V31.339H23.67c-2.843 0-4.165-1.344-4.165-4.165V10.997h-8c-4.54 0-6.832 2.314-6.832 6.92V49.08c0 4.628 2.292 6.92 6.832 6.92m12.143-27.68h14.81c-.22-.86-.815-1.653-1.807-2.667l-11.46-11.658c-.97-.992-1.83-1.587-2.667-1.83v15.03q0 1.125 1.124 1.125"/></svg>
</template>

CSS

.icon-doc-on-clipboard-fill {
  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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M42.624%2045.003h1.3c4.54%200%206.81-2.314%206.81-6.92V6.92c0-4.606-2.27-6.92-6.81-6.92h-21.29c-4.54%200-6.831%202.314-6.831%206.92V8h2.864c3.108%200%205.598.882%208.067%203.35L39.23%2023.89c2.49%202.49%203.394%205.047%203.394%208.044ZM27.902%207.78c-.97%200-1.41-.64-1.41-1.3v-.464c0-.683.44-1.3%201.41-1.3h10.755c.947%200%201.41.617%201.41%201.3v.463c0%20.662-.463%201.3-1.41%201.3ZM11.505%2056h21.29c4.54%200%206.831-2.314%206.831-6.92V31.339H23.67c-2.843%200-4.165-1.344-4.165-4.165V10.997h-8c-4.54%200-6.832%202.314-6.832%206.92V49.08c0%204.628%202.292%206.92%206.832%206.92m12.143-27.68h14.81c-.22-.86-.815-1.653-1.807-2.667l-11.46-11.658c-.97-.992-1.83-1.587-2.667-1.83v15.03q0%201.125%201.124%201.125%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M42.624%2045.003h1.3c4.54%200%206.81-2.314%206.81-6.92V6.92c0-4.606-2.27-6.92-6.81-6.92h-21.29c-4.54%200-6.831%202.314-6.831%206.92V8h2.864c3.108%200%205.598.882%208.067%203.35L39.23%2023.89c2.49%202.49%203.394%205.047%203.394%208.044ZM27.902%207.78c-.97%200-1.41-.64-1.41-1.3v-.464c0-.683.44-1.3%201.41-1.3h10.755c.947%200%201.41.617%201.41%201.3v.463c0%20.662-.463%201.3-1.41%201.3ZM11.505%2056h21.29c4.54%200%206.831-2.314%206.831-6.92V31.339H23.67c-2.843%200-4.165-1.344-4.165-4.165V10.997h-8c-4.54%200-6.832%202.314-6.832%206.92V49.08c0%204.628%202.292%206.92%206.832%206.92m12.143-27.68h14.81c-.22-.86-.815-1.653-1.807-2.667l-11.46-11.658c-.97-.992-1.83-1.587-2.667-1.83v15.03q0%201.125%201.124%201.125%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/doc-on-clipboard-fill.svg?color=%231a73e8&size=48