doc checkmark icon
doc-checkmark-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- doc-checkmark-fill
- Set
- Framework7 Icons
- Style
- Fill
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Related icons in Framework7 Icons
Use the doc checkmark icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M26.422 2.875v17.203c0 3 1.406 4.43 4.406 4.43h16.969v21.281c0 4.875-2.414 7.336-7.266 7.336h-24.89c-4.829 0-7.266-2.437-7.266-7.336V10.234c0-4.875 2.437-7.359 7.265-7.359zm12.164 26.907a2 2 0 0 0-2.829 0L25 40.54l-1.48 1.293l-1.348-1.293l-3.758-3.757a2 2 0 0 0-2.828 2.828l6.586 6.586a2 2 0 0 0 2.828 0L38.586 32.61a2 2 0 0 0 0-2.828m-8.977-26.65c.985.165 1.969.845 3.047 1.97L45.594 18.25c1.101 1.148 1.78 2.086 1.945 3.047h-16.64c-.845 0-1.29-.422-1.29-1.266Z"/></svg>
React
import type { SVGProps } from "react";
export function F7DocCheckmarkFill(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="M26.422 2.875v17.203c0 3 1.406 4.43 4.406 4.43h16.969v21.281c0 4.875-2.414 7.336-7.266 7.336h-24.89c-4.829 0-7.266-2.437-7.266-7.336V10.234c0-4.875 2.437-7.359 7.265-7.359zm12.164 26.907a2 2 0 0 0-2.829 0L25 40.54l-1.48 1.293l-1.348-1.293l-3.758-3.757a2 2 0 0 0-2.828 2.828l6.586 6.586a2 2 0 0 0 2.828 0L38.586 32.61a2 2 0 0 0 0-2.828m-8.977-26.65c.985.165 1.969.845 3.047 1.97L45.594 18.25c1.101 1.148 1.78 2.086 1.945 3.047h-16.64c-.845 0-1.29-.422-1.29-1.266Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M26.422 2.875v17.203c0 3 1.406 4.43 4.406 4.43h16.969v21.281c0 4.875-2.414 7.336-7.266 7.336h-24.89c-4.829 0-7.266-2.437-7.266-7.336V10.234c0-4.875 2.437-7.359 7.265-7.359zm12.164 26.907a2 2 0 0 0-2.829 0L25 40.54l-1.48 1.293l-1.348-1.293l-3.758-3.757a2 2 0 0 0-2.828 2.828l6.586 6.586a2 2 0 0 0 2.828 0L38.586 32.61a2 2 0 0 0 0-2.828m-8.977-26.65c.985.165 1.969.845 3.047 1.97L45.594 18.25c1.101 1.148 1.78 2.086 1.945 3.047h-16.64c-.845 0-1.29-.422-1.29-1.266Z"/></svg> </template>
CSS
.icon-doc-checkmark-fill {
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%22M26.422%202.875v17.203c0%203%201.406%204.43%204.406%204.43h16.969v21.281c0%204.875-2.414%207.336-7.266%207.336h-24.89c-4.829%200-7.266-2.437-7.266-7.336V10.234c0-4.875%202.437-7.359%207.265-7.359zm12.164%2026.907a2%202%200%200%200-2.829%200L25%2040.54l-1.48%201.293l-1.348-1.293l-3.758-3.757a2%202%200%200%200-2.828%202.828l6.586%206.586a2%202%200%200%200%202.828%200L38.586%2032.61a2%202%200%200%200%200-2.828m-8.977-26.65c.985.165%201.969.845%203.047%201.97L45.594%2018.25c1.101%201.148%201.78%202.086%201.945%203.047h-16.64c-.845%200-1.29-.422-1.29-1.266Z%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%22M26.422%202.875v17.203c0%203%201.406%204.43%204.406%204.43h16.969v21.281c0%204.875-2.414%207.336-7.266%207.336h-24.89c-4.829%200-7.266-2.437-7.266-7.336V10.234c0-4.875%202.437-7.359%207.265-7.359zm12.164%2026.907a2%202%200%200%200-2.829%200L25%2040.54l-1.48%201.293l-1.348-1.293l-3.758-3.757a2%202%200%200%200-2.828%202.828l6.586%206.586a2%202%200%200%200%202.828%200L38.586%2032.61a2%202%200%200%200%200-2.828m-8.977-26.65c.985.165%201.969.845%203.047%201.97L45.594%2018.25c1.101%201.148%201.78%202.086%201.945%203.047h-16.64c-.845%200-1.29-.422-1.29-1.266Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/doc-checkmark-fill.svg?color=%231a73e8&size=48
