close square icon

2 other variants in Ant Design Icons

The same icon in other sets

Related icons in Ant Design Icons

Use the close square icon

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32m-40 728H184V184h656z"/><path fill="currentColor" fill-opacity=".15" d="M184 840h656V184H184zm163.9-473.9A7.95 7.95 0 0 1 354 353h58.9c4.7 0 9.2 2.1 12.3 5.7L512 462.2l86.8-103.5c3-3.6 7.5-5.7 12.3-5.7H670c6.8 0 10.5 7.9 6.1 13.1L553.8 512l122.3 145.9c4.4 5.2.7 13.1-6.1 13.1h-58.9c-4.7 0-9.2-2.1-12.3-5.7L512 561.8l-86.8 103.5c-3 3.6-7.5 5.7-12.3 5.7H354c-6.8 0-10.5-7.9-6.1-13.1L470.2 512z"/><path fill="currentColor" d="M354 671h58.9c4.8 0 9.3-2.1 12.3-5.7L512 561.8l86.8 103.5c3.1 3.6 7.6 5.7 12.3 5.7H670c6.8 0 10.5-7.9 6.1-13.1L553.8 512l122.3-145.9c4.4-5.2.7-13.1-6.1-13.1h-58.9c-4.8 0-9.3 2.1-12.3 5.7L512 462.2l-86.8-103.5c-3.1-3.6-7.6-5.7-12.3-5.7H354c-6.8 0-10.5 7.9-6.1 13.1L470.2 512L347.9 657.9A7.95 7.95 0 0 0 354 671"/></svg>

import type { SVGProps } from "react";

export function AntDesignCloseSquareTwotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32m-40 728H184V184h656z"/><path fill="currentColor" fillOpacity=".15" d="M184 840h656V184H184zm163.9-473.9A7.95 7.95 0 0 1 354 353h58.9c4.7 0 9.2 2.1 12.3 5.7L512 462.2l86.8-103.5c3-3.6 7.5-5.7 12.3-5.7H670c6.8 0 10.5 7.9 6.1 13.1L553.8 512l122.3 145.9c4.4 5.2.7 13.1-6.1 13.1h-58.9c-4.7 0-9.2-2.1-12.3-5.7L512 561.8l-86.8 103.5c-3 3.6-7.5 5.7-12.3 5.7H354c-6.8 0-10.5-7.9-6.1-13.1L470.2 512z"/><path fill="currentColor" d="M354 671h58.9c4.8 0 9.3-2.1 12.3-5.7L512 561.8l86.8 103.5c3.1 3.6 7.6 5.7 12.3 5.7H670c6.8 0 10.5-7.9 6.1-13.1L553.8 512l122.3-145.9c4.4-5.2.7-13.1-6.1-13.1h-58.9c-4.8 0-9.3 2.1-12.3 5.7L512 462.2l-86.8-103.5c-3.1-3.6-7.6-5.7-12.3-5.7H354c-6.8 0-10.5 7.9-6.1 13.1L470.2 512L347.9 657.9A7.95 7.95 0 0 0 354 671"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32m-40 728H184V184h656z"/><path fill="currentColor" fill-opacity=".15" d="M184 840h656V184H184zm163.9-473.9A7.95 7.95 0 0 1 354 353h58.9c4.7 0 9.2 2.1 12.3 5.7L512 462.2l86.8-103.5c3-3.6 7.5-5.7 12.3-5.7H670c6.8 0 10.5 7.9 6.1 13.1L553.8 512l122.3 145.9c4.4 5.2.7 13.1-6.1 13.1h-58.9c-4.7 0-9.2-2.1-12.3-5.7L512 561.8l-86.8 103.5c-3 3.6-7.5 5.7-12.3 5.7H354c-6.8 0-10.5-7.9-6.1-13.1L470.2 512z"/><path fill="currentColor" d="M354 671h58.9c4.8 0 9.3-2.1 12.3-5.7L512 561.8l86.8 103.5c3.1 3.6 7.6 5.7 12.3 5.7H670c6.8 0 10.5-7.9 6.1-13.1L553.8 512l122.3-145.9c4.4-5.2.7-13.1-6.1-13.1h-58.9c-4.8 0-9.3 2.1-12.3 5.7L512 462.2l-86.8-103.5c-3.1-3.6-7.6-5.7-12.3-5.7H354c-6.8 0-10.5 7.9-6.1 13.1L470.2 512L347.9 657.9A7.95 7.95 0 0 0 354 671"/></svg>
</template>

.icon-close-square-twotone {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M880%20112H144c-17.7%200-32%2014.3-32%2032v736c0%2017.7%2014.3%2032%2032%2032h736c17.7%200%2032-14.3%2032-32V144c0-17.7-14.3-32-32-32m-40%20728H184V184h656z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22M184%20840h656V184H184zm163.9-473.9A7.95%207.95%200%200%201%20354%20353h58.9c4.7%200%209.2%202.1%2012.3%205.7L512%20462.2l86.8-103.5c3-3.6%207.5-5.7%2012.3-5.7H670c6.8%200%2010.5%207.9%206.1%2013.1L553.8%20512l122.3%20145.9c4.4%205.2.7%2013.1-6.1%2013.1h-58.9c-4.7%200-9.2-2.1-12.3-5.7L512%20561.8l-86.8%20103.5c-3%203.6-7.5%205.7-12.3%205.7H354c-6.8%200-10.5-7.9-6.1-13.1L470.2%20512z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M354%20671h58.9c4.8%200%209.3-2.1%2012.3-5.7L512%20561.8l86.8%20103.5c3.1%203.6%207.6%205.7%2012.3%205.7H670c6.8%200%2010.5-7.9%206.1-13.1L553.8%20512l122.3-145.9c4.4-5.2.7-13.1-6.1-13.1h-58.9c-4.8%200-9.3%202.1-12.3%205.7L512%20462.2l-86.8-103.5c-3.1-3.6-7.6-5.7-12.3-5.7H354c-6.8%200-10.5%207.9-6.1%2013.1L470.2%20512L347.9%20657.9A7.95%207.95%200%200%200%20354%20671%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M880%20112H144c-17.7%200-32%2014.3-32%2032v736c0%2017.7%2014.3%2032%2032%2032h736c17.7%200%2032-14.3%2032-32V144c0-17.7-14.3-32-32-32m-40%20728H184V184h656z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22M184%20840h656V184H184zm163.9-473.9A7.95%207.95%200%200%201%20354%20353h58.9c4.7%200%209.2%202.1%2012.3%205.7L512%20462.2l86.8-103.5c3-3.6%207.5-5.7%2012.3-5.7H670c6.8%200%2010.5%207.9%206.1%2013.1L553.8%20512l122.3%20145.9c4.4%205.2.7%2013.1-6.1%2013.1h-58.9c-4.7%200-9.2-2.1-12.3-5.7L512%20561.8l-86.8%20103.5c-3%203.6-7.5%205.7-12.3%205.7H354c-6.8%200-10.5-7.9-6.1-13.1L470.2%20512z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M354%20671h58.9c4.8%200%209.3-2.1%2012.3-5.7L512%20561.8l86.8%20103.5c3.1%203.6%207.6%205.7%2012.3%205.7H670c6.8%200%2010.5-7.9%206.1-13.1L553.8%20512l122.3-145.9c4.4-5.2.7-13.1-6.1-13.1h-58.9c-4.8%200-9.3%202.1-12.3%205.7L512%20462.2l-86.8-103.5c-3.1-3.6-7.6-5.7-12.3-5.7H354c-6.8%200-10.5%207.9-6.1%2013.1L470.2%20512L347.9%20657.9A7.95%207.95%200%200%200%20354%20671%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/close-square-twotone.svg?color=%231a73e8&size=48