write icon
write from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- write
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
1 other variant in Jam Icons
The same icon in other sets
Use the write icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2 24 24"><path fill="currentColor" d="m5.72 14.456l1.761-.508l10.603-10.73a.456.456 0 0 0-.003-.64l-.635-.642a.443.443 0 0 0-.632-.003L6.239 12.635zM18.703.664l.635.643c.876.887.884 2.318.016 3.196L8.428 15.561l-3.764 1.084a.9.9 0 0 1-1.11-.623a.9.9 0 0 1-.002-.506l1.095-3.84L15.544.647a2.215 2.215 0 0 1 3.159.016zM7.184 1.817c.496 0 .898.407.898.909a.903.903 0 0 1-.898.909H3.592c-.992 0-1.796.814-1.796 1.817v10.906c0 1.004.804 1.818 1.796 1.818h10.776c.992 0 1.797-.814 1.797-1.818v-3.635c0-.502.402-.909.898-.909s.898.407.898.91v3.634c0 2.008-1.609 3.636-3.593 3.636H3.592C1.608 19.994 0 18.366 0 16.358V5.452c0-2.007 1.608-3.635 3.592-3.635z"/></svg>
React
import type { SVGProps } from "react";
export function JamWrite(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2 24 24"><path fill="currentColor" d="m5.72 14.456l1.761-.508l10.603-10.73a.456.456 0 0 0-.003-.64l-.635-.642a.443.443 0 0 0-.632-.003L6.239 12.635zM18.703.664l.635.643c.876.887.884 2.318.016 3.196L8.428 15.561l-3.764 1.084a.9.9 0 0 1-1.11-.623a.9.9 0 0 1-.002-.506l1.095-3.84L15.544.647a2.215 2.215 0 0 1 3.159.016zM7.184 1.817c.496 0 .898.407.898.909a.903.903 0 0 1-.898.909H3.592c-.992 0-1.796.814-1.796 1.817v10.906c0 1.004.804 1.818 1.796 1.818h10.776c.992 0 1.797-.814 1.797-1.818v-3.635c0-.502.402-.909.898-.909s.898.407.898.91v3.634c0 2.008-1.609 3.636-3.593 3.636H3.592C1.608 19.994 0 18.366 0 16.358V5.452c0-2.007 1.608-3.635 3.592-3.635z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2 24 24"><path fill="currentColor" d="m5.72 14.456l1.761-.508l10.603-10.73a.456.456 0 0 0-.003-.64l-.635-.642a.443.443 0 0 0-.632-.003L6.239 12.635zM18.703.664l.635.643c.876.887.884 2.318.016 3.196L8.428 15.561l-3.764 1.084a.9.9 0 0 1-1.11-.623a.9.9 0 0 1-.002-.506l1.095-3.84L15.544.647a2.215 2.215 0 0 1 3.159.016zM7.184 1.817c.496 0 .898.407.898.909a.903.903 0 0 1-.898.909H3.592c-.992 0-1.796.814-1.796 1.817v10.906c0 1.004.804 1.818 1.796 1.818h10.776c.992 0 1.797-.814 1.797-1.818v-3.635c0-.502.402-.909.898-.909s.898.407.898.91v3.634c0 2.008-1.609 3.636-3.593 3.636H3.592C1.608 19.994 0 18.366 0 16.358V5.452c0-2.007 1.608-3.635 3.592-3.635z"/></svg> </template>
CSS
.icon-write {
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%22-2%20-2%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m5.72%2014.456l1.761-.508l10.603-10.73a.456.456%200%200%200-.003-.64l-.635-.642a.443.443%200%200%200-.632-.003L6.239%2012.635zM18.703.664l.635.643c.876.887.884%202.318.016%203.196L8.428%2015.561l-3.764%201.084a.9.9%200%200%201-1.11-.623a.9.9%200%200%201-.002-.506l1.095-3.84L15.544.647a2.215%202.215%200%200%201%203.159.016zM7.184%201.817c.496%200%20.898.407.898.909a.903.903%200%200%201-.898.909H3.592c-.992%200-1.796.814-1.796%201.817v10.906c0%201.004.804%201.818%201.796%201.818h10.776c.992%200%201.797-.814%201.797-1.818v-3.635c0-.502.402-.909.898-.909s.898.407.898.91v3.634c0%202.008-1.609%203.636-3.593%203.636H3.592C1.608%2019.994%200%2018.366%200%2016.358V5.452c0-2.007%201.608-3.635%203.592-3.635z%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%22-2%20-2%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m5.72%2014.456l1.761-.508l10.603-10.73a.456.456%200%200%200-.003-.64l-.635-.642a.443.443%200%200%200-.632-.003L6.239%2012.635zM18.703.664l.635.643c.876.887.884%202.318.016%203.196L8.428%2015.561l-3.764%201.084a.9.9%200%200%201-1.11-.623a.9.9%200%200%201-.002-.506l1.095-3.84L15.544.647a2.215%202.215%200%200%201%203.159.016zM7.184%201.817c.496%200%20.898.407.898.909a.903.903%200%200%201-.898.909H3.592c-.992%200-1.796.814-1.796%201.817v10.906c0%201.004.804%201.818%201.796%201.818h10.776c.992%200%201.797-.814%201.797-1.818v-3.635c0-.502.402-.909.898-.909s.898.407.898.91v3.634c0%202.008-1.609%203.636-3.593%203.636H3.592C1.608%2019.994%200%2018.366%200%2016.358V5.452c0-2.007%201.608-3.635%203.592-3.635z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/write.svg?color=%231a73e8&size=48
