square check icon
square-check-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.
- Name
- square-check-fill
- Set
- Keyline Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Related icons in Keyline Icons
square-activitysquare-alertsquare-align-offset-bottomsquare-align-offset-leftsquare-align-offset-rightsquare-align-offset-topsquare-arrow-downsquare-arrow-down-leftsquare-arrow-down-rightsquare-arrow-leftsquare-arrow-rightsquare-arrow-u-turn-leftsquare-arrow-u-turn-rightsquare-arrow-upsquare-arrow-up-leftsquare-arrow-up-rightsquare-bar-chartsquare-bar-chart-2square-bar-chart-2-downsquare-bar-chart-2-horizontal-endsquare-bar-chart-2-horizontal-startsquare-bar-chart-downsquare-bar-chart-horizontal-endsquare-bar-chart-horizontal-start
Use the square check icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M18 2C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6C2 3.79086 3.79086 2 6 2H18ZM16.6641 8.25293C16.2513 7.88601 15.6198 7.92315 15.2529 8.33594L10.666 13.4941L8.74707 11.3359C8.38015 10.9232 7.74872 10.886 7.33594 11.2529C6.92315 11.6198 6.88601 12.2513 7.25293 12.6641L9.91895 15.6641C10.1087 15.8776 10.3814 16 10.667 16C10.9525 15.9999 11.2244 15.8775 11.4141 15.6641L16.7471 9.66406C17.114 9.25128 17.0768 8.61985 16.6641 8.25293Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsSquareCheckFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M18 2C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6C2 3.79086 3.79086 2 6 2H18ZM16.6641 8.25293C16.2513 7.88601 15.6198 7.92315 15.2529 8.33594L10.666 13.4941L8.74707 11.3359C8.38015 10.9232 7.74872 10.886 7.33594 11.2529C6.92315 11.6198 6.88601 12.2513 7.25293 12.6641L9.91895 15.6641C10.1087 15.8776 10.3814 16 10.667 16C10.9525 15.9999 11.2244 15.8775 11.4141 15.6641L16.7471 9.66406C17.114 9.25128 17.0768 8.61985 16.6641 8.25293Z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M18 2C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6C2 3.79086 3.79086 2 6 2H18ZM16.6641 8.25293C16.2513 7.88601 15.6198 7.92315 15.2529 8.33594L10.666 13.4941L8.74707 11.3359C8.38015 10.9232 7.74872 10.886 7.33594 11.2529C6.92315 11.6198 6.88601 12.2513 7.25293 12.6641L9.91895 15.6641C10.1087 15.8776 10.3814 16 10.667 16C10.9525 15.9999 11.2244 15.8775 11.4141 15.6641L16.7471 9.66406C17.114 9.25128 17.0768 8.61985 16.6641 8.25293Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-square-check-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18%202C20.2091%202%2022%203.79086%2022%206V18C22%2020.2091%2020.2091%2022%2018%2022H6C3.79086%2022%202%2020.2091%202%2018V6C2%203.79086%203.79086%202%206%202H18ZM16.6641%208.25293C16.2513%207.88601%2015.6198%207.92315%2015.2529%208.33594L10.666%2013.4941L8.74707%2011.3359C8.38015%2010.9232%207.74872%2010.886%207.33594%2011.2529C6.92315%2011.6198%206.88601%2012.2513%207.25293%2012.6641L9.91895%2015.6641C10.1087%2015.8776%2010.3814%2016%2010.667%2016C10.9525%2015.9999%2011.2244%2015.8775%2011.4141%2015.6641L16.7471%209.66406C17.114%209.25128%2017.0768%208.61985%2016.6641%208.25293Z%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18%202C20.2091%202%2022%203.79086%2022%206V18C22%2020.2091%2020.2091%2022%2018%2022H6C3.79086%2022%202%2020.2091%202%2018V6C2%203.79086%203.79086%202%206%202H18ZM16.6641%208.25293C16.2513%207.88601%2015.6198%207.92315%2015.2529%208.33594L10.666%2013.4941L8.74707%2011.3359C8.38015%2010.9232%207.74872%2010.886%207.33594%2011.2529C6.92315%2011.6198%206.88601%2012.2513%207.25293%2012.6641L9.91895%2015.6641C10.1087%2015.8776%2010.3814%2016%2010.667%2016C10.9525%2015.9999%2011.2244%2015.8775%2011.4141%2015.6641L16.7471%209.66406C17.114%209.25128%2017.0768%208.61985%2016.6641%208.25293Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/square-check-fill.svg?color=%231a73e8&size=48
