pencil ellipsis rectangle icon
pencil-ellipsis-rectangle from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- pencil-ellipsis-rectangle
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
Related icons in Framework7 Icons
Use the pencil ellipsis rectangle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="m53.922 16.202l1.404-1.423c.674-.692.674-1.61.019-2.246l-.45-.449c-.598-.599-1.534-.543-2.17.094l-1.404 1.385Zm-21.505 19.39l3.818-1.703l16.303-16.283l-2.62-2.602l-16.285 16.283l-1.796 3.688c-.15.318.225.767.58.617M5.484 47.908h36.834c3.538 0 5.465-1.853 5.465-5.39V27.02l-3.013 3.013v12.634c0 1.554-.88 2.433-2.433 2.433H5.447c-1.554 0-2.434-.88-2.434-2.433v-15.74c0-1.554.88-2.434 2.434-2.434h30.302l2.826-2.807H5.484C1.947 21.686 0 23.539 0 27.076v15.441c0 3.538 1.947 5.39 5.484 5.39m4.735-10.706c1.33 0 2.415-1.086 2.415-2.396a2.404 2.404 0 0 0-2.415-2.396a2.39 2.39 0 0 0-2.395 2.396a2.4 2.4 0 0 0 2.395 2.396m7.524 0c1.33 0 2.415-1.086 2.415-2.396a2.404 2.404 0 0 0-2.415-2.396a2.393 2.393 0 0 0-2.414 2.396a2.404 2.404 0 0 0 2.414 2.396m7.506 0a2.413 2.413 0 0 0 2.395-2.396a2.4 2.4 0 0 0-2.395-2.396a2.404 2.404 0 0 0-2.415 2.396c0 1.31 1.086 2.396 2.415 2.396"/></svg>
React
import type { SVGProps } from "react";
export function F7PencilEllipsisRectangle(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="m53.922 16.202l1.404-1.423c.674-.692.674-1.61.019-2.246l-.45-.449c-.598-.599-1.534-.543-2.17.094l-1.404 1.385Zm-21.505 19.39l3.818-1.703l16.303-16.283l-2.62-2.602l-16.285 16.283l-1.796 3.688c-.15.318.225.767.58.617M5.484 47.908h36.834c3.538 0 5.465-1.853 5.465-5.39V27.02l-3.013 3.013v12.634c0 1.554-.88 2.433-2.433 2.433H5.447c-1.554 0-2.434-.88-2.434-2.433v-15.74c0-1.554.88-2.434 2.434-2.434h30.302l2.826-2.807H5.484C1.947 21.686 0 23.539 0 27.076v15.441c0 3.538 1.947 5.39 5.484 5.39m4.735-10.706c1.33 0 2.415-1.086 2.415-2.396a2.404 2.404 0 0 0-2.415-2.396a2.39 2.39 0 0 0-2.395 2.396a2.4 2.4 0 0 0 2.395 2.396m7.524 0c1.33 0 2.415-1.086 2.415-2.396a2.404 2.404 0 0 0-2.415-2.396a2.393 2.393 0 0 0-2.414 2.396a2.404 2.404 0 0 0 2.414 2.396m7.506 0a2.413 2.413 0 0 0 2.395-2.396a2.4 2.4 0 0 0-2.395-2.396a2.404 2.404 0 0 0-2.415 2.396c0 1.31 1.086 2.396 2.415 2.396"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="m53.922 16.202l1.404-1.423c.674-.692.674-1.61.019-2.246l-.45-.449c-.598-.599-1.534-.543-2.17.094l-1.404 1.385Zm-21.505 19.39l3.818-1.703l16.303-16.283l-2.62-2.602l-16.285 16.283l-1.796 3.688c-.15.318.225.767.58.617M5.484 47.908h36.834c3.538 0 5.465-1.853 5.465-5.39V27.02l-3.013 3.013v12.634c0 1.554-.88 2.433-2.433 2.433H5.447c-1.554 0-2.434-.88-2.434-2.433v-15.74c0-1.554.88-2.434 2.434-2.434h30.302l2.826-2.807H5.484C1.947 21.686 0 23.539 0 27.076v15.441c0 3.538 1.947 5.39 5.484 5.39m4.735-10.706c1.33 0 2.415-1.086 2.415-2.396a2.404 2.404 0 0 0-2.415-2.396a2.39 2.39 0 0 0-2.395 2.396a2.4 2.4 0 0 0 2.395 2.396m7.524 0c1.33 0 2.415-1.086 2.415-2.396a2.404 2.404 0 0 0-2.415-2.396a2.393 2.393 0 0 0-2.414 2.396a2.404 2.404 0 0 0 2.414 2.396m7.506 0a2.413 2.413 0 0 0 2.395-2.396a2.4 2.4 0 0 0-2.395-2.396a2.404 2.404 0 0 0-2.415 2.396c0 1.31 1.086 2.396 2.415 2.396"/></svg> </template>
CSS
.icon-pencil-ellipsis-rectangle {
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%22m53.922%2016.202l1.404-1.423c.674-.692.674-1.61.019-2.246l-.45-.449c-.598-.599-1.534-.543-2.17.094l-1.404%201.385Zm-21.505%2019.39l3.818-1.703l16.303-16.283l-2.62-2.602l-16.285%2016.283l-1.796%203.688c-.15.318.225.767.58.617M5.484%2047.908h36.834c3.538%200%205.465-1.853%205.465-5.39V27.02l-3.013%203.013v12.634c0%201.554-.88%202.433-2.433%202.433H5.447c-1.554%200-2.434-.88-2.434-2.433v-15.74c0-1.554.88-2.434%202.434-2.434h30.302l2.826-2.807H5.484C1.947%2021.686%200%2023.539%200%2027.076v15.441c0%203.538%201.947%205.39%205.484%205.39m4.735-10.706c1.33%200%202.415-1.086%202.415-2.396a2.404%202.404%200%200%200-2.415-2.396a2.39%202.39%200%200%200-2.395%202.396a2.4%202.4%200%200%200%202.395%202.396m7.524%200c1.33%200%202.415-1.086%202.415-2.396a2.404%202.404%200%200%200-2.415-2.396a2.393%202.393%200%200%200-2.414%202.396a2.404%202.404%200%200%200%202.414%202.396m7.506%200a2.413%202.413%200%200%200%202.395-2.396a2.4%202.4%200%200%200-2.395-2.396a2.404%202.404%200%200%200-2.415%202.396c0%201.31%201.086%202.396%202.415%202.396%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%22m53.922%2016.202l1.404-1.423c.674-.692.674-1.61.019-2.246l-.45-.449c-.598-.599-1.534-.543-2.17.094l-1.404%201.385Zm-21.505%2019.39l3.818-1.703l16.303-16.283l-2.62-2.602l-16.285%2016.283l-1.796%203.688c-.15.318.225.767.58.617M5.484%2047.908h36.834c3.538%200%205.465-1.853%205.465-5.39V27.02l-3.013%203.013v12.634c0%201.554-.88%202.433-2.433%202.433H5.447c-1.554%200-2.434-.88-2.434-2.433v-15.74c0-1.554.88-2.434%202.434-2.434h30.302l2.826-2.807H5.484C1.947%2021.686%200%2023.539%200%2027.076v15.441c0%203.538%201.947%205.39%205.484%205.39m4.735-10.706c1.33%200%202.415-1.086%202.415-2.396a2.404%202.404%200%200%200-2.415-2.396a2.39%202.39%200%200%200-2.395%202.396a2.4%202.4%200%200%200%202.395%202.396m7.524%200c1.33%200%202.415-1.086%202.415-2.396a2.404%202.404%200%200%200-2.415-2.396a2.393%202.393%200%200%200-2.414%202.396a2.404%202.404%200%200%200%202.414%202.396m7.506%200a2.413%202.413%200%200%200%202.395-2.396a2.4%202.4%200%200%200-2.395-2.396a2.404%202.404%200%200%200-2.415%202.396c0%201.31%201.086%202.396%202.415%202.396%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/pencil-ellipsis-rectangle.svg?color=%231a73e8&size=48
