rectangle paperclip icon
rectangle-paperclip from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- rectangle-paperclip
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
Related icons in Framework7 Icons
rectangle-3-offgridrectangle-arrow-up-right-arrow-down-leftrectangle-arrow-up-right-arrow-down-left-slashrectangle-badge-checkmarkrectangle-badge-xmarkrectangle-compress-verticalrectangle-dockrectangle-expand-verticalrectangle-fill-badge-checkmarkrectangle-fill-badge-xmarkrectangle-fill-on-rectangle-angled-fillrectangle-fill-on-rectangle-fillrectangle-grid-1x2rectangle-grid-2x2rectangle-grid-3x2rectangle-on-rectanglerectangle-on-rectangle-angledrectangle-split-3x1rectangle-split-3x3rectangle-stackrectangle-stack-badge-minusrectangle-stack-badge-person-croprectangle-stack-badge-plusrectangle-stack-fill-badge-minus
Use the rectangle paperclip icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28.504 35.652c3.633 3.61 9.14 3.703 12.937-.07L52.95 24.074c.54-.586.54-1.5-.023-2.015c-.586-.516-1.383-.516-1.97.046L39.544 33.52c-2.695 2.695-6.492 2.695-9 .117c-2.555-2.625-2.602-6.352.094-9.047l14.39-14.344c1.782-1.781 4.196-1.805 5.696-.351c1.476 1.453 1.453 3.867-.352 5.671L36.355 29.652c-.562.586-1.312.563-1.828 0c-.586-.562-.562-1.289.024-1.875l9.914-9.914c.586-.586.563-1.383.047-1.922c-.54-.515-1.313-.539-1.899.07l-9.984 9.962c-1.64 1.64-1.64 4.172-.117 5.672c1.617 1.57 3.984 1.57 5.648-.094l14.11-14.086c2.93-2.953 2.883-6.82.234-9.469c-2.625-2.578-6.586-2.648-9.445.234L28.598 22.691c-3.797 3.797-3.68 9.375-.094 12.961m-20.437 15h38.625c4.851 0 7.265-2.367 7.265-7.148v-14.79l-3.773 3.845v10.757c0 2.391-1.243 3.563-3.54 3.563H8.115c-2.321 0-3.54-1.172-3.54-3.563V16.88c0-2.39 1.219-3.586 3.54-3.586H32.16l3.75-3.75H8.067C3.214 9.543.8 11.887.8 16.691v26.813c0 4.781 2.414 7.148 7.265 7.148"/></svg>
React
import type { SVGProps } from "react";
export function F7RectanglePaperclip(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="M28.504 35.652c3.633 3.61 9.14 3.703 12.937-.07L52.95 24.074c.54-.586.54-1.5-.023-2.015c-.586-.516-1.383-.516-1.97.046L39.544 33.52c-2.695 2.695-6.492 2.695-9 .117c-2.555-2.625-2.602-6.352.094-9.047l14.39-14.344c1.782-1.781 4.196-1.805 5.696-.351c1.476 1.453 1.453 3.867-.352 5.671L36.355 29.652c-.562.586-1.312.563-1.828 0c-.586-.562-.562-1.289.024-1.875l9.914-9.914c.586-.586.563-1.383.047-1.922c-.54-.515-1.313-.539-1.899.07l-9.984 9.962c-1.64 1.64-1.64 4.172-.117 5.672c1.617 1.57 3.984 1.57 5.648-.094l14.11-14.086c2.93-2.953 2.883-6.82.234-9.469c-2.625-2.578-6.586-2.648-9.445.234L28.598 22.691c-3.797 3.797-3.68 9.375-.094 12.961m-20.437 15h38.625c4.851 0 7.265-2.367 7.265-7.148v-14.79l-3.773 3.845v10.757c0 2.391-1.243 3.563-3.54 3.563H8.115c-2.321 0-3.54-1.172-3.54-3.563V16.88c0-2.39 1.219-3.586 3.54-3.586H32.16l3.75-3.75H8.067C3.214 9.543.8 11.887.8 16.691v26.813c0 4.781 2.414 7.148 7.265 7.148"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28.504 35.652c3.633 3.61 9.14 3.703 12.937-.07L52.95 24.074c.54-.586.54-1.5-.023-2.015c-.586-.516-1.383-.516-1.97.046L39.544 33.52c-2.695 2.695-6.492 2.695-9 .117c-2.555-2.625-2.602-6.352.094-9.047l14.39-14.344c1.782-1.781 4.196-1.805 5.696-.351c1.476 1.453 1.453 3.867-.352 5.671L36.355 29.652c-.562.586-1.312.563-1.828 0c-.586-.562-.562-1.289.024-1.875l9.914-9.914c.586-.586.563-1.383.047-1.922c-.54-.515-1.313-.539-1.899.07l-9.984 9.962c-1.64 1.64-1.64 4.172-.117 5.672c1.617 1.57 3.984 1.57 5.648-.094l14.11-14.086c2.93-2.953 2.883-6.82.234-9.469c-2.625-2.578-6.586-2.648-9.445.234L28.598 22.691c-3.797 3.797-3.68 9.375-.094 12.961m-20.437 15h38.625c4.851 0 7.265-2.367 7.265-7.148v-14.79l-3.773 3.845v10.757c0 2.391-1.243 3.563-3.54 3.563H8.115c-2.321 0-3.54-1.172-3.54-3.563V16.88c0-2.39 1.219-3.586 3.54-3.586H32.16l3.75-3.75H8.067C3.214 9.543.8 11.887.8 16.691v26.813c0 4.781 2.414 7.148 7.265 7.148"/></svg> </template>
CSS
.icon-rectangle-paperclip {
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%22M28.504%2035.652c3.633%203.61%209.14%203.703%2012.937-.07L52.95%2024.074c.54-.586.54-1.5-.023-2.015c-.586-.516-1.383-.516-1.97.046L39.544%2033.52c-2.695%202.695-6.492%202.695-9%20.117c-2.555-2.625-2.602-6.352.094-9.047l14.39-14.344c1.782-1.781%204.196-1.805%205.696-.351c1.476%201.453%201.453%203.867-.352%205.671L36.355%2029.652c-.562.586-1.312.563-1.828%200c-.586-.562-.562-1.289.024-1.875l9.914-9.914c.586-.586.563-1.383.047-1.922c-.54-.515-1.313-.539-1.899.07l-9.984%209.962c-1.64%201.64-1.64%204.172-.117%205.672c1.617%201.57%203.984%201.57%205.648-.094l14.11-14.086c2.93-2.953%202.883-6.82.234-9.469c-2.625-2.578-6.586-2.648-9.445.234L28.598%2022.691c-3.797%203.797-3.68%209.375-.094%2012.961m-20.437%2015h38.625c4.851%200%207.265-2.367%207.265-7.148v-14.79l-3.773%203.845v10.757c0%202.391-1.243%203.563-3.54%203.563H8.115c-2.321%200-3.54-1.172-3.54-3.563V16.88c0-2.39%201.219-3.586%203.54-3.586H32.16l3.75-3.75H8.067C3.214%209.543.8%2011.887.8%2016.691v26.813c0%204.781%202.414%207.148%207.265%207.148%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%22M28.504%2035.652c3.633%203.61%209.14%203.703%2012.937-.07L52.95%2024.074c.54-.586.54-1.5-.023-2.015c-.586-.516-1.383-.516-1.97.046L39.544%2033.52c-2.695%202.695-6.492%202.695-9%20.117c-2.555-2.625-2.602-6.352.094-9.047l14.39-14.344c1.782-1.781%204.196-1.805%205.696-.351c1.476%201.453%201.453%203.867-.352%205.671L36.355%2029.652c-.562.586-1.312.563-1.828%200c-.586-.562-.562-1.289.024-1.875l9.914-9.914c.586-.586.563-1.383.047-1.922c-.54-.515-1.313-.539-1.899.07l-9.984%209.962c-1.64%201.64-1.64%204.172-.117%205.672c1.617%201.57%203.984%201.57%205.648-.094l14.11-14.086c2.93-2.953%202.883-6.82.234-9.469c-2.625-2.578-6.586-2.648-9.445.234L28.598%2022.691c-3.797%203.797-3.68%209.375-.094%2012.961m-20.437%2015h38.625c4.851%200%207.265-2.367%207.265-7.148v-14.79l-3.773%203.845v10.757c0%202.391-1.243%203.563-3.54%203.563H8.115c-2.321%200-3.54-1.172-3.54-3.563V16.88c0-2.39%201.219-3.586%203.54-3.586H32.16l3.75-3.75H8.067C3.214%209.543.8%2011.887.8%2016.691v26.813c0%204.781%202.414%207.148%207.265%207.148%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/rectangle-paperclip.svg?color=%231a73e8&size=48
