doc on clipboard icon

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

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

1 other variant in Framework7 Icons

doc-on-clipboard-fill

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="M11.505 56h21.4c4.561 0 6.721-2.314 6.721-6.92v-4.077h4.298c4.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.92v4.077h-4.298c-4.54 0-6.832 2.314-6.832 6.92V49.08c0 4.628 2.292 6.92 6.832 6.92M27.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.3Zm-16.22 44.672c-2.27 0-3.46-1.234-3.46-3.438V17.96c0-2.16 1.19-3.415 3.481-3.415h7.648v12.782c0 2.777 1.41 4.143 4.143 4.143h12.584v17.543c0 2.204-1.19 3.438-3.482 3.438Zm12.23-24.309c-.88 0-1.233-.352-1.233-1.212V15.23l12.716 12.914Z"/></svg>

React

import type { SVGProps } from "react";

export function F7DocOnClipboard(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="M11.505 56h21.4c4.561 0 6.721-2.314 6.721-6.92v-4.077h4.298c4.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.92v4.077h-4.298c-4.54 0-6.832 2.314-6.832 6.92V49.08c0 4.628 2.292 6.92 6.832 6.92M27.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.3Zm-16.22 44.672c-2.27 0-3.46-1.234-3.46-3.438V17.96c0-2.16 1.19-3.415 3.481-3.415h7.648v12.782c0 2.777 1.41 4.143 4.143 4.143h12.584v17.543c0 2.204-1.19 3.438-3.482 3.438Zm12.23-24.309c-.88 0-1.233-.352-1.233-1.212V15.23l12.716 12.914Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M11.505 56h21.4c4.561 0 6.721-2.314 6.721-6.92v-4.077h4.298c4.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.92v4.077h-4.298c-4.54 0-6.832 2.314-6.832 6.92V49.08c0 4.628 2.292 6.92 6.832 6.92M27.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.3Zm-16.22 44.672c-2.27 0-3.46-1.234-3.46-3.438V17.96c0-2.16 1.19-3.415 3.481-3.415h7.648v12.782c0 2.777 1.41 4.143 4.143 4.143h12.584v17.543c0 2.204-1.19 3.438-3.482 3.438Zm12.23-24.309c-.88 0-1.233-.352-1.233-1.212V15.23l12.716 12.914Z"/></svg>
</template>

CSS

.icon-doc-on-clipboard {
  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%22M11.505%2056h21.4c4.561%200%206.721-2.314%206.721-6.92v-4.077h4.298c4.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.92v4.077h-4.298c-4.54%200-6.832%202.314-6.832%206.92V49.08c0%204.628%202.292%206.92%206.832%206.92M27.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.3Zm-16.22%2044.672c-2.27%200-3.46-1.234-3.46-3.438V17.96c0-2.16%201.19-3.415%203.481-3.415h7.648v12.782c0%202.777%201.41%204.143%204.143%204.143h12.584v17.543c0%202.204-1.19%203.438-3.482%203.438Zm12.23-24.309c-.88%200-1.233-.352-1.233-1.212V15.23l12.716%2012.914Z%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%22M11.505%2056h21.4c4.561%200%206.721-2.314%206.721-6.92v-4.077h4.298c4.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.92v4.077h-4.298c-4.54%200-6.832%202.314-6.832%206.92V49.08c0%204.628%202.292%206.92%206.832%206.92M27.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.3Zm-16.22%2044.672c-2.27%200-3.46-1.234-3.46-3.438V17.96c0-2.16%201.19-3.415%203.481-3.415h7.648v12.782c0%202.777%201.41%204.143%204.143%204.143h12.584v17.543c0%202.204-1.19%203.438-3.482%203.438Zm12.23-24.309c-.88%200-1.233-.352-1.233-1.212V15.23l12.716%2012.914Z%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.svg?color=%231a73e8&size=48