ant design icon

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

Name
ant-design-outlined
Set
Ant Design Icons
Style
Outlined
Viewbox
1024×1024
License
MIT
Aliases
ant-design, ant-design-outline

The same icon in other sets

ant-designSVG Logos

Related icons in Ant Design Icons

ant-cloud-outlined

Use the ant design icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M716.3 313.8c19-18.9 19-49.7 0-68.6l-69.9-69.9l.1.1c-18.5-18.5-50.3-50.3-95.3-95.2c-21.2-20.7-55.5-20.5-76.5.5L80.9 474.2a53.84 53.84 0 0 0 0 76.4L474.6 944a54.14 54.14 0 0 0 76.5 0l165.1-165c19-18.9 19-49.7 0-68.6a48.7 48.7 0 0 0-68.7 0l-125 125.2c-5.2 5.2-13.3 5.2-18.5 0L189.5 521.4c-5.2-5.2-5.2-13.3 0-18.5l314.4-314.2c.4-.4.9-.7 1.3-1.1c5.2-4.1 12.4-3.7 17.2 1.1l125.2 125.1c19 19 49.8 19 68.7 0M408.6 514.4a106.3 106.2 0 1 0 212.6 0a106.3 106.2 0 1 0-212.6 0m536.2-38.6L821.9 353.5c-19-18.9-49.8-18.9-68.7.1a48.4 48.4 0 0 0 0 68.6l83 82.9c5.2 5.2 5.2 13.3 0 18.5l-81.8 81.7a48.4 48.4 0 0 0 0 68.6a48.7 48.7 0 0 0 68.7 0l121.8-121.7a53.93 53.93 0 0 0-.1-76.4"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignAntDesignOutlined(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="M716.3 313.8c19-18.9 19-49.7 0-68.6l-69.9-69.9l.1.1c-18.5-18.5-50.3-50.3-95.3-95.2c-21.2-20.7-55.5-20.5-76.5.5L80.9 474.2a53.84 53.84 0 0 0 0 76.4L474.6 944a54.14 54.14 0 0 0 76.5 0l165.1-165c19-18.9 19-49.7 0-68.6a48.7 48.7 0 0 0-68.7 0l-125 125.2c-5.2 5.2-13.3 5.2-18.5 0L189.5 521.4c-5.2-5.2-5.2-13.3 0-18.5l314.4-314.2c.4-.4.9-.7 1.3-1.1c5.2-4.1 12.4-3.7 17.2 1.1l125.2 125.1c19 19 49.8 19 68.7 0M408.6 514.4a106.3 106.2 0 1 0 212.6 0a106.3 106.2 0 1 0-212.6 0m536.2-38.6L821.9 353.5c-19-18.9-49.8-18.9-68.7.1a48.4 48.4 0 0 0 0 68.6l83 82.9c5.2 5.2 5.2 13.3 0 18.5l-81.8 81.7a48.4 48.4 0 0 0 0 68.6a48.7 48.7 0 0 0 68.7 0l121.8-121.7a53.93 53.93 0 0 0-.1-76.4"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M716.3 313.8c19-18.9 19-49.7 0-68.6l-69.9-69.9l.1.1c-18.5-18.5-50.3-50.3-95.3-95.2c-21.2-20.7-55.5-20.5-76.5.5L80.9 474.2a53.84 53.84 0 0 0 0 76.4L474.6 944a54.14 54.14 0 0 0 76.5 0l165.1-165c19-18.9 19-49.7 0-68.6a48.7 48.7 0 0 0-68.7 0l-125 125.2c-5.2 5.2-13.3 5.2-18.5 0L189.5 521.4c-5.2-5.2-5.2-13.3 0-18.5l314.4-314.2c.4-.4.9-.7 1.3-1.1c5.2-4.1 12.4-3.7 17.2 1.1l125.2 125.1c19 19 49.8 19 68.7 0M408.6 514.4a106.3 106.2 0 1 0 212.6 0a106.3 106.2 0 1 0-212.6 0m536.2-38.6L821.9 353.5c-19-18.9-49.8-18.9-68.7.1a48.4 48.4 0 0 0 0 68.6l83 82.9c5.2 5.2 5.2 13.3 0 18.5l-81.8 81.7a48.4 48.4 0 0 0 0 68.6a48.7 48.7 0 0 0 68.7 0l121.8-121.7a53.93 53.93 0 0 0-.1-76.4"/></svg>
</template>

CSS

.icon-ant-design-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%22M716.3%20313.8c19-18.9%2019-49.7%200-68.6l-69.9-69.9l.1.1c-18.5-18.5-50.3-50.3-95.3-95.2c-21.2-20.7-55.5-20.5-76.5.5L80.9%20474.2a53.84%2053.84%200%200%200%200%2076.4L474.6%20944a54.14%2054.14%200%200%200%2076.5%200l165.1-165c19-18.9%2019-49.7%200-68.6a48.7%2048.7%200%200%200-68.7%200l-125%20125.2c-5.2%205.2-13.3%205.2-18.5%200L189.5%20521.4c-5.2-5.2-5.2-13.3%200-18.5l314.4-314.2c.4-.4.9-.7%201.3-1.1c5.2-4.1%2012.4-3.7%2017.2%201.1l125.2%20125.1c19%2019%2049.8%2019%2068.7%200M408.6%20514.4a106.3%20106.2%200%201%200%20212.6%200a106.3%20106.2%200%201%200-212.6%200m536.2-38.6L821.9%20353.5c-19-18.9-49.8-18.9-68.7.1a48.4%2048.4%200%200%200%200%2068.6l83%2082.9c5.2%205.2%205.2%2013.3%200%2018.5l-81.8%2081.7a48.4%2048.4%200%200%200%200%2068.6a48.7%2048.7%200%200%200%2068.7%200l121.8-121.7a53.93%2053.93%200%200%200-.1-76.4%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%22M716.3%20313.8c19-18.9%2019-49.7%200-68.6l-69.9-69.9l.1.1c-18.5-18.5-50.3-50.3-95.3-95.2c-21.2-20.7-55.5-20.5-76.5.5L80.9%20474.2a53.84%2053.84%200%200%200%200%2076.4L474.6%20944a54.14%2054.14%200%200%200%2076.5%200l165.1-165c19-18.9%2019-49.7%200-68.6a48.7%2048.7%200%200%200-68.7%200l-125%20125.2c-5.2%205.2-13.3%205.2-18.5%200L189.5%20521.4c-5.2-5.2-5.2-13.3%200-18.5l314.4-314.2c.4-.4.9-.7%201.3-1.1c5.2-4.1%2012.4-3.7%2017.2%201.1l125.2%20125.1c19%2019%2049.8%2019%2068.7%200M408.6%20514.4a106.3%20106.2%200%201%200%20212.6%200a106.3%20106.2%200%201%200-212.6%200m536.2-38.6L821.9%20353.5c-19-18.9-49.8-18.9-68.7.1a48.4%2048.4%200%200%200%200%2068.6l83%2082.9c5.2%205.2%205.2%2013.3%200%2018.5l-81.8%2081.7a48.4%2048.4%200%200%200%200%2068.6a48.7%2048.7%200%200%200%2068.7%200l121.8-121.7a53.93%2053.93%200%200%200-.1-76.4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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