doc on doc icon
doc-on-doc from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- doc-on-doc
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Related icons in Framework7 Icons
Use the doc on doc 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.92V19.636c0-2.71-.53-4.43-2.182-6.126L37.422 2.182C35.836.573 34.006 0 31.648 0h-9.013c-4.54 0-6.833 2.314-6.833 6.92v4.077h-4.297c-4.54 0-6.832 2.314-6.832 6.92V49.08c0 4.628 2.292 6.92 6.832 6.92m28.121-24.683c0-2.821-.33-4.055-2.093-5.863L25.389 13.092c-1.675-1.72-3.063-2.094-5.553-2.094h-.485V6.964c0-2.16 1.19-3.416 3.46-3.416h9.3v11.526c0 2.535 1.256 3.769 3.769 3.769h11.306v19.196c0 2.181-1.169 3.416-3.46 3.416h-4.1Zm-3.217-15.67c-.794 0-1.102-.33-1.102-1.101V4.253l11.195 11.394ZM11.68 52.452c-2.27 0-3.46-1.234-3.46-3.438V17.96c0-2.16 1.19-3.415 3.482-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.232-24.309c-.882 0-1.234-.352-1.234-1.212V15.23l12.716 12.914Z"/></svg>
React
import type { SVGProps } from "react";
export function F7DocOnDoc(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.92V19.636c0-2.71-.53-4.43-2.182-6.126L37.422 2.182C35.836.573 34.006 0 31.648 0h-9.013c-4.54 0-6.833 2.314-6.833 6.92v4.077h-4.297c-4.54 0-6.832 2.314-6.832 6.92V49.08c0 4.628 2.292 6.92 6.832 6.92m28.121-24.683c0-2.821-.33-4.055-2.093-5.863L25.389 13.092c-1.675-1.72-3.063-2.094-5.553-2.094h-.485V6.964c0-2.16 1.19-3.416 3.46-3.416h9.3v11.526c0 2.535 1.256 3.769 3.769 3.769h11.306v19.196c0 2.181-1.169 3.416-3.46 3.416h-4.1Zm-3.217-15.67c-.794 0-1.102-.33-1.102-1.101V4.253l11.195 11.394ZM11.68 52.452c-2.27 0-3.46-1.234-3.46-3.438V17.96c0-2.16 1.19-3.415 3.482-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.232-24.309c-.882 0-1.234-.352-1.234-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.92V19.636c0-2.71-.53-4.43-2.182-6.126L37.422 2.182C35.836.573 34.006 0 31.648 0h-9.013c-4.54 0-6.833 2.314-6.833 6.92v4.077h-4.297c-4.54 0-6.832 2.314-6.832 6.92V49.08c0 4.628 2.292 6.92 6.832 6.92m28.121-24.683c0-2.821-.33-4.055-2.093-5.863L25.389 13.092c-1.675-1.72-3.063-2.094-5.553-2.094h-.485V6.964c0-2.16 1.19-3.416 3.46-3.416h9.3v11.526c0 2.535 1.256 3.769 3.769 3.769h11.306v19.196c0 2.181-1.169 3.416-3.46 3.416h-4.1Zm-3.217-15.67c-.794 0-1.102-.33-1.102-1.101V4.253l11.195 11.394ZM11.68 52.452c-2.27 0-3.46-1.234-3.46-3.438V17.96c0-2.16 1.19-3.415 3.482-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.232-24.309c-.882 0-1.234-.352-1.234-1.212V15.23l12.716 12.914Z"/></svg> </template>
CSS
.icon-doc-on-doc {
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.92V19.636c0-2.71-.53-4.43-2.182-6.126L37.422%202.182C35.836.573%2034.006%200%2031.648%200h-9.013c-4.54%200-6.833%202.314-6.833%206.92v4.077h-4.297c-4.54%200-6.832%202.314-6.832%206.92V49.08c0%204.628%202.292%206.92%206.832%206.92m28.121-24.683c0-2.821-.33-4.055-2.093-5.863L25.389%2013.092c-1.675-1.72-3.063-2.094-5.553-2.094h-.485V6.964c0-2.16%201.19-3.416%203.46-3.416h9.3v11.526c0%202.535%201.256%203.769%203.769%203.769h11.306v19.196c0%202.181-1.169%203.416-3.46%203.416h-4.1Zm-3.217-15.67c-.794%200-1.102-.33-1.102-1.101V4.253l11.195%2011.394ZM11.68%2052.452c-2.27%200-3.46-1.234-3.46-3.438V17.96c0-2.16%201.19-3.415%203.482-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.232-24.309c-.882%200-1.234-.352-1.234-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.92V19.636c0-2.71-.53-4.43-2.182-6.126L37.422%202.182C35.836.573%2034.006%200%2031.648%200h-9.013c-4.54%200-6.833%202.314-6.833%206.92v4.077h-4.297c-4.54%200-6.832%202.314-6.832%206.92V49.08c0%204.628%202.292%206.92%206.832%206.92m28.121-24.683c0-2.821-.33-4.055-2.093-5.863L25.389%2013.092c-1.675-1.72-3.063-2.094-5.553-2.094h-.485V6.964c0-2.16%201.19-3.416%203.46-3.416h9.3v11.526c0%202.535%201.256%203.769%203.769%203.769h11.306v19.196c0%202.181-1.169%203.416-3.46%203.416h-4.1Zm-3.217-15.67c-.794%200-1.102-.33-1.102-1.101V4.253l11.195%2011.394ZM11.68%2052.452c-2.27%200-3.46-1.234-3.46-3.438V17.96c0-2.16%201.19-3.415%203.482-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.232-24.309c-.882%200-1.234-.352-1.234-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-doc.svg?color=%231a73e8&size=48
