square rounded letter x icon
square-rounded-letter-x-filled from Tabler Icons by Paweł Kuna · Filled · MIT Free for personal and commercial use.
- Name
- square-rounded-letter-x-filled
- Set
- Tabler Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in Tabler Icons
Related icons in Tabler Icons
square-0-filledsquare-1-filledsquare-2-filledsquare-3-filledsquare-4-filledsquare-5-filledsquare-6-filledsquare-7-filledsquare-8-filledsquare-9-filledsquare-arrow-downsquare-arrow-leftsquare-arrow-rightsquare-arrow-upsquare-asterisksquare-checksquare-chevron-downsquare-chevron-leftsquare-chevron-rightsquare-chevron-upsquare-chevrons-downsquare-chevrons-leftsquare-chevrons-rightsquare-chevrons-up
Use the square rounded letter x icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.676 2.001L12 2c7.752 0 10 2.248 10 10l-.005.642C21.869 19.877 19.534 22 12 22l-.642-.005C4.228 21.87 2.063 19.6 2 12.325V12c0-7.643 2.185-9.936 9.676-9.999m2.771 5.105a1 1 0 0 0-1.341.447L12 9.763l-1.106-2.21a1 1 0 0 0-1.234-.494l-.107.047a1 1 0 0 0-.447 1.341L10.88 12l-1.775 3.553a1 1 0 0 0 .345 1.283l.102.058a1 1 0 0 0 1.341-.447L12 14.236l1.106 2.211a1 1 0 0 0 1.234.494l.107-.047a1 1 0 0 0 .447-1.341L13.118 12l1.776-3.553a1 1 0 0 0-.345-1.283z"/></svg>
React
import type { SVGProps } from "react";
export function TablerSquareRoundedLetterXFilled(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" d="M11.676 2.001L12 2c7.752 0 10 2.248 10 10l-.005.642C21.869 19.877 19.534 22 12 22l-.642-.005C4.228 21.87 2.063 19.6 2 12.325V12c0-7.643 2.185-9.936 9.676-9.999m2.771 5.105a1 1 0 0 0-1.341.447L12 9.763l-1.106-2.21a1 1 0 0 0-1.234-.494l-.107.047a1 1 0 0 0-.447 1.341L10.88 12l-1.775 3.553a1 1 0 0 0 .345 1.283l.102.058a1 1 0 0 0 1.341-.447L12 14.236l1.106 2.211a1 1 0 0 0 1.234.494l.107-.047a1 1 0 0 0 .447-1.341L13.118 12l1.776-3.553a1 1 0 0 0-.345-1.283z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.676 2.001L12 2c7.752 0 10 2.248 10 10l-.005.642C21.869 19.877 19.534 22 12 22l-.642-.005C4.228 21.87 2.063 19.6 2 12.325V12c0-7.643 2.185-9.936 9.676-9.999m2.771 5.105a1 1 0 0 0-1.341.447L12 9.763l-1.106-2.21a1 1 0 0 0-1.234-.494l-.107.047a1 1 0 0 0-.447 1.341L10.88 12l-1.775 3.553a1 1 0 0 0 .345 1.283l.102.058a1 1 0 0 0 1.341-.447L12 14.236l1.106 2.211a1 1 0 0 0 1.234.494l.107-.047a1 1 0 0 0 .447-1.341L13.118 12l1.776-3.553a1 1 0 0 0-.345-1.283z"/></svg> </template>
CSS
.icon-square-rounded-letter-x-filled {
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%20d%3D%22M11.676%202.001L12%202c7.752%200%2010%202.248%2010%2010l-.005.642C21.869%2019.877%2019.534%2022%2012%2022l-.642-.005C4.228%2021.87%202.063%2019.6%202%2012.325V12c0-7.643%202.185-9.936%209.676-9.999m2.771%205.105a1%201%200%200%200-1.341.447L12%209.763l-1.106-2.21a1%201%200%200%200-1.234-.494l-.107.047a1%201%200%200%200-.447%201.341L10.88%2012l-1.775%203.553a1%201%200%200%200%20.345%201.283l.102.058a1%201%200%200%200%201.341-.447L12%2014.236l1.106%202.211a1%201%200%200%200%201.234.494l.107-.047a1%201%200%200%200%20.447-1.341L13.118%2012l1.776-3.553a1%201%200%200%200-.345-1.283z%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%20d%3D%22M11.676%202.001L12%202c7.752%200%2010%202.248%2010%2010l-.005.642C21.869%2019.877%2019.534%2022%2012%2022l-.642-.005C4.228%2021.87%202.063%2019.6%202%2012.325V12c0-7.643%202.185-9.936%209.676-9.999m2.771%205.105a1%201%200%200%200-1.341.447L12%209.763l-1.106-2.21a1%201%200%200%200-1.234-.494l-.107.047a1%201%200%200%200-.447%201.341L10.88%2012l-1.775%203.553a1%201%200%200%200%20.345%201.283l.102.058a1%201%200%200%200%201.341-.447L12%2014.236l1.106%202.211a1%201%200%200%200%201.234.494l.107-.047a1%201%200%200%200%20.447-1.341L13.118%2012l1.776-3.553a1%201%200%200%200-.345-1.283z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tabler/square-rounded-letter-x-filled.svg?color=%231a73e8&size=48
