checkmark 2 icon
checkmark-2 from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- checkmark-2
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
Related icons in Framework7 Icons
Use the checkmark 2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M4.5 27.289c.81 0 1.353.286 1.899.99l.117.159l10.922 14.296l1.13-1.802l2.775 3.534l-1.445 2.276c-.525.81-1.254 1.251-2.168 1.307l-.199.006c-.94 0-1.616-.388-2.292-1.183l-.145-.177L2.93 31.203c-.446-.562-.68-1.172-.68-1.71c0-1.29.938-2.204 2.25-2.204M51.5 8c1.289 0 2.156.844 2.156 2.133c0 .479-.148.94-.477 1.513l-.132.221l-22.149 34.875c-.562.867-1.359 1.313-2.367 1.313c-.94 0-1.616-.388-2.292-1.183l-.145-.177L13.93 31.203c-.446-.562-.68-1.172-.68-1.71c0-1.29.938-2.204 2.25-2.204c.81 0 1.353.286 1.899.99l.117.159l10.922 14.296L49.484 9.195C50.047 8.305 50.586 8 51.5 8m-11 0c1.289 0 2.156.844 2.156 2.133c0 .479-.148.94-.477 1.513l-.132.221l-14.613 23.009l-2.781-3.641l13.831-22.04c.525-.831 1.03-1.152 1.838-1.19z"/></svg>
React
import type { SVGProps } from "react";
export function F7Checkmark2(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="M4.5 27.289c.81 0 1.353.286 1.899.99l.117.159l10.922 14.296l1.13-1.802l2.775 3.534l-1.445 2.276c-.525.81-1.254 1.251-2.168 1.307l-.199.006c-.94 0-1.616-.388-2.292-1.183l-.145-.177L2.93 31.203c-.446-.562-.68-1.172-.68-1.71c0-1.29.938-2.204 2.25-2.204M51.5 8c1.289 0 2.156.844 2.156 2.133c0 .479-.148.94-.477 1.513l-.132.221l-22.149 34.875c-.562.867-1.359 1.313-2.367 1.313c-.94 0-1.616-.388-2.292-1.183l-.145-.177L13.93 31.203c-.446-.562-.68-1.172-.68-1.71c0-1.29.938-2.204 2.25-2.204c.81 0 1.353.286 1.899.99l.117.159l10.922 14.296L49.484 9.195C50.047 8.305 50.586 8 51.5 8m-11 0c1.289 0 2.156.844 2.156 2.133c0 .479-.148.94-.477 1.513l-.132.221l-14.613 23.009l-2.781-3.641l13.831-22.04c.525-.831 1.03-1.152 1.838-1.19z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M4.5 27.289c.81 0 1.353.286 1.899.99l.117.159l10.922 14.296l1.13-1.802l2.775 3.534l-1.445 2.276c-.525.81-1.254 1.251-2.168 1.307l-.199.006c-.94 0-1.616-.388-2.292-1.183l-.145-.177L2.93 31.203c-.446-.562-.68-1.172-.68-1.71c0-1.29.938-2.204 2.25-2.204M51.5 8c1.289 0 2.156.844 2.156 2.133c0 .479-.148.94-.477 1.513l-.132.221l-22.149 34.875c-.562.867-1.359 1.313-2.367 1.313c-.94 0-1.616-.388-2.292-1.183l-.145-.177L13.93 31.203c-.446-.562-.68-1.172-.68-1.71c0-1.29.938-2.204 2.25-2.204c.81 0 1.353.286 1.899.99l.117.159l10.922 14.296L49.484 9.195C50.047 8.305 50.586 8 51.5 8m-11 0c1.289 0 2.156.844 2.156 2.133c0 .479-.148.94-.477 1.513l-.132.221l-14.613 23.009l-2.781-3.641l13.831-22.04c.525-.831 1.03-1.152 1.838-1.19z"/></svg> </template>
CSS
.icon-checkmark-2 {
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%22M4.5%2027.289c.81%200%201.353.286%201.899.99l.117.159l10.922%2014.296l1.13-1.802l2.775%203.534l-1.445%202.276c-.525.81-1.254%201.251-2.168%201.307l-.199.006c-.94%200-1.616-.388-2.292-1.183l-.145-.177L2.93%2031.203c-.446-.562-.68-1.172-.68-1.71c0-1.29.938-2.204%202.25-2.204M51.5%208c1.289%200%202.156.844%202.156%202.133c0%20.479-.148.94-.477%201.513l-.132.221l-22.149%2034.875c-.562.867-1.359%201.313-2.367%201.313c-.94%200-1.616-.388-2.292-1.183l-.145-.177L13.93%2031.203c-.446-.562-.68-1.172-.68-1.71c0-1.29.938-2.204%202.25-2.204c.81%200%201.353.286%201.899.99l.117.159l10.922%2014.296L49.484%209.195C50.047%208.305%2050.586%208%2051.5%208m-11%200c1.289%200%202.156.844%202.156%202.133c0%20.479-.148.94-.477%201.513l-.132.221l-14.613%2023.009l-2.781-3.641l13.831-22.04c.525-.831%201.03-1.152%201.838-1.19z%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%22M4.5%2027.289c.81%200%201.353.286%201.899.99l.117.159l10.922%2014.296l1.13-1.802l2.775%203.534l-1.445%202.276c-.525.81-1.254%201.251-2.168%201.307l-.199.006c-.94%200-1.616-.388-2.292-1.183l-.145-.177L2.93%2031.203c-.446-.562-.68-1.172-.68-1.71c0-1.29.938-2.204%202.25-2.204M51.5%208c1.289%200%202.156.844%202.156%202.133c0%20.479-.148.94-.477%201.513l-.132.221l-22.149%2034.875c-.562.867-1.359%201.313-2.367%201.313c-.94%200-1.616-.388-2.292-1.183l-.145-.177L13.93%2031.203c-.446-.562-.68-1.172-.68-1.71c0-1.29.938-2.204%202.25-2.204c.81%200%201.353.286%201.899.99l.117.159l10.922%2014.296L49.484%209.195C50.047%208.305%2050.586%208%2051.5%208m-11%200c1.289%200%202.156.844%202.156%202.133c0%20.479-.148.94-.477%201.513l-.132.221l-14.613%2023.009l-2.781-3.641l13.831-22.04c.525-.831%201.03-1.152%201.838-1.19z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/checkmark-2.svg?color=%231a73e8&size=48
