issues close icon

issues-close-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.

Name: issues-close-outlined
Set: Ant Design Icons
Style: Outlined
Viewbox: 1024×1024
License: MIT
Aliases: issues-close, issues-close-outline

Use the issues close icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M464 688a48 48 0 1 0 96 0a48 48 0 1 0-96 0m72-112c4.4 0 8-3.6 8-8V296c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8zm400-188h-59.3c-2.6 0-5 1.2-6.5 3.3L763.7 538.1l-49.9-68.8a7.92 7.92 0 0 0-6.5-3.3H648c-6.5 0-10.3 7.4-6.5 12.7l109.2 150.7a16.1 16.1 0 0 0 26 0l165.8-228.7c3.8-5.3 0-12.7-6.5-12.7m-44 306h-64.2c-5.5 0-10.6 2.9-13.6 7.5a352.2 352.2 0 0 1-49.8 62.2A355.9 355.9 0 0 1 651.1 840a355 355 0 0 1-138.7 27.9c-48.1 0-94.8-9.4-138.7-27.9a355.9 355.9 0 0 1-113.3-76.3A353.1 353.1 0 0 1 184 650.5c-18.6-43.8-28-90.5-28-138.5s9.4-94.7 28-138.5c17.9-42.4 43.6-80.5 76.4-113.2s70.9-58.4 113.3-76.3a355 355 0 0 1 138.7-27.9c48.1 0 94.8 9.4 138.7 27.9c42.4 17.9 80.5 43.6 113.3 76.3c19 19 35.6 39.8 49.8 62.2c2.9 4.7 8.1 7.5 13.6 7.5H892c6 0 9.8-6.3 7.2-11.6C828.8 178.5 684.7 82 517.7 80C278.9 77.2 80.5 272.5 80 511.2C79.5 750.1 273.3 944 512.4 944c169.2 0 315.6-97 386.7-238.4A8 8 0 0 0 892 694"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignIssuesCloseOutlined(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="M464 688a48 48 0 1 0 96 0a48 48 0 1 0-96 0m72-112c4.4 0 8-3.6 8-8V296c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8zm400-188h-59.3c-2.6 0-5 1.2-6.5 3.3L763.7 538.1l-49.9-68.8a7.92 7.92 0 0 0-6.5-3.3H648c-6.5 0-10.3 7.4-6.5 12.7l109.2 150.7a16.1 16.1 0 0 0 26 0l165.8-228.7c3.8-5.3 0-12.7-6.5-12.7m-44 306h-64.2c-5.5 0-10.6 2.9-13.6 7.5a352.2 352.2 0 0 1-49.8 62.2A355.9 355.9 0 0 1 651.1 840a355 355 0 0 1-138.7 27.9c-48.1 0-94.8-9.4-138.7-27.9a355.9 355.9 0 0 1-113.3-76.3A353.1 353.1 0 0 1 184 650.5c-18.6-43.8-28-90.5-28-138.5s9.4-94.7 28-138.5c17.9-42.4 43.6-80.5 76.4-113.2s70.9-58.4 113.3-76.3a355 355 0 0 1 138.7-27.9c48.1 0 94.8 9.4 138.7 27.9c42.4 17.9 80.5 43.6 113.3 76.3c19 19 35.6 39.8 49.8 62.2c2.9 4.7 8.1 7.5 13.6 7.5H892c6 0 9.8-6.3 7.2-11.6C828.8 178.5 684.7 82 517.7 80C278.9 77.2 80.5 272.5 80 511.2C79.5 750.1 273.3 944 512.4 944c169.2 0 315.6-97 386.7-238.4A8 8 0 0 0 892 694"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M464 688a48 48 0 1 0 96 0a48 48 0 1 0-96 0m72-112c4.4 0 8-3.6 8-8V296c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8zm400-188h-59.3c-2.6 0-5 1.2-6.5 3.3L763.7 538.1l-49.9-68.8a7.92 7.92 0 0 0-6.5-3.3H648c-6.5 0-10.3 7.4-6.5 12.7l109.2 150.7a16.1 16.1 0 0 0 26 0l165.8-228.7c3.8-5.3 0-12.7-6.5-12.7m-44 306h-64.2c-5.5 0-10.6 2.9-13.6 7.5a352.2 352.2 0 0 1-49.8 62.2A355.9 355.9 0 0 1 651.1 840a355 355 0 0 1-138.7 27.9c-48.1 0-94.8-9.4-138.7-27.9a355.9 355.9 0 0 1-113.3-76.3A353.1 353.1 0 0 1 184 650.5c-18.6-43.8-28-90.5-28-138.5s9.4-94.7 28-138.5c17.9-42.4 43.6-80.5 76.4-113.2s70.9-58.4 113.3-76.3a355 355 0 0 1 138.7-27.9c48.1 0 94.8 9.4 138.7 27.9c42.4 17.9 80.5 43.6 113.3 76.3c19 19 35.6 39.8 49.8 62.2c2.9 4.7 8.1 7.5 13.6 7.5H892c6 0 9.8-6.3 7.2-11.6C828.8 178.5 684.7 82 517.7 80C278.9 77.2 80.5 272.5 80 511.2C79.5 750.1 273.3 944 512.4 944c169.2 0 315.6-97 386.7-238.4A8 8 0 0 0 892 694"/></svg>
</template>

CSS

.icon-issues-close-outlined {
  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%22M464%20688a48%2048%200%201%200%2096%200a48%2048%200%201%200-96%200m72-112c4.4%200%208-3.6%208-8V296c0-4.4-3.6-8-8-8h-48c-4.4%200-8%203.6-8%208v272c0%204.4%203.6%208%208%208zm400-188h-59.3c-2.6%200-5%201.2-6.5%203.3L763.7%20538.1l-49.9-68.8a7.92%207.92%200%200%200-6.5-3.3H648c-6.5%200-10.3%207.4-6.5%2012.7l109.2%20150.7a16.1%2016.1%200%200%200%2026%200l165.8-228.7c3.8-5.3%200-12.7-6.5-12.7m-44%20306h-64.2c-5.5%200-10.6%202.9-13.6%207.5a352.2%20352.2%200%200%201-49.8%2062.2A355.9%20355.9%200%200%201%20651.1%20840a355%20355%200%200%201-138.7%2027.9c-48.1%200-94.8-9.4-138.7-27.9a355.9%20355.9%200%200%201-113.3-76.3A353.1%20353.1%200%200%201%20184%20650.5c-18.6-43.8-28-90.5-28-138.5s9.4-94.7%2028-138.5c17.9-42.4%2043.6-80.5%2076.4-113.2s70.9-58.4%20113.3-76.3a355%20355%200%200%201%20138.7-27.9c48.1%200%2094.8%209.4%20138.7%2027.9c42.4%2017.9%2080.5%2043.6%20113.3%2076.3c19%2019%2035.6%2039.8%2049.8%2062.2c2.9%204.7%208.1%207.5%2013.6%207.5H892c6%200%209.8-6.3%207.2-11.6C828.8%20178.5%20684.7%2082%20517.7%2080C278.9%2077.2%2080.5%20272.5%2080%20511.2C79.5%20750.1%20273.3%20944%20512.4%20944c169.2%200%20315.6-97%20386.7-238.4A8%208%200%200%200%20892%20694%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%22M464%20688a48%2048%200%201%200%2096%200a48%2048%200%201%200-96%200m72-112c4.4%200%208-3.6%208-8V296c0-4.4-3.6-8-8-8h-48c-4.4%200-8%203.6-8%208v272c0%204.4%203.6%208%208%208zm400-188h-59.3c-2.6%200-5%201.2-6.5%203.3L763.7%20538.1l-49.9-68.8a7.92%207.92%200%200%200-6.5-3.3H648c-6.5%200-10.3%207.4-6.5%2012.7l109.2%20150.7a16.1%2016.1%200%200%200%2026%200l165.8-228.7c3.8-5.3%200-12.7-6.5-12.7m-44%20306h-64.2c-5.5%200-10.6%202.9-13.6%207.5a352.2%20352.2%200%200%201-49.8%2062.2A355.9%20355.9%200%200%201%20651.1%20840a355%20355%200%200%201-138.7%2027.9c-48.1%200-94.8-9.4-138.7-27.9a355.9%20355.9%200%200%201-113.3-76.3A353.1%20353.1%200%200%201%20184%20650.5c-18.6-43.8-28-90.5-28-138.5s9.4-94.7%2028-138.5c17.9-42.4%2043.6-80.5%2076.4-113.2s70.9-58.4%20113.3-76.3a355%20355%200%200%201%20138.7-27.9c48.1%200%2094.8%209.4%20138.7%2027.9c42.4%2017.9%2080.5%2043.6%20113.3%2076.3c19%2019%2035.6%2039.8%2049.8%2062.2c2.9%204.7%208.1%207.5%2013.6%207.5H892c6%200%209.8-6.3%207.2-11.6C828.8%20178.5%20684.7%2082%20517.7%2080C278.9%2077.2%2080.5%20272.5%2080%20511.2C79.5%20750.1%20273.3%20944%20512.4%20944c169.2%200%20315.6-97%20386.7-238.4A8%208%200%200%200%20892%20694%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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