ie circle icon

ie-circle-filled from Ant Design Icons by HeskeyBaozi · Filled · MIT Free for personal and commercial use.

Name
ie-circle-filled
Set
Ant Design Icons
Style
Filled
Viewbox
1024×1024
License
MIT
Aliases
ie-circle, ie-circle-fill

Related icons in Ant Design Icons

ie-square-filled

Use the ie circle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M693.6 284.4c-24 0-51.1 11.7-72.6 22c46.3 18 86 57.3 112.3 99.6c7.1-18.9 14.6-47.9 14.6-67.9c0-32-22.8-53.7-54.3-53.7M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64m253.9 492.9H437.1c0 100.4 144.3 136 196.8 47.4h120.8c-32.6 91.7-119.7 146-216.8 146c-35.1 0-70.3-.1-101.7-15.6c-87.4 44.5-180.3 56.6-180.3-42c0-45.8 23.2-107.1 44-145C335 484 381.3 422.8 435.6 374.5c-43.7 18.9-91.1 66.3-122 101.2c25.9-112.8 129.5-193.6 237.1-186.5c130-59.8 209.7-34.1 209.7 38.6c0 27.4-10.6 63.3-21.4 87.9c25.2 45.5 33.3 97.6 26.9 141.2M540.5 399.1c-53.7 0-102 39.7-104 94.9h208c-2-55.1-50.6-94.9-104-94.9M320.6 602.9c-73 152.4 11.5 172.2 100.3 123.3c-46.6-27.5-82.6-72.2-100.3-123.3"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignIeCircleFilled(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="M693.6 284.4c-24 0-51.1 11.7-72.6 22c46.3 18 86 57.3 112.3 99.6c7.1-18.9 14.6-47.9 14.6-67.9c0-32-22.8-53.7-54.3-53.7M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64m253.9 492.9H437.1c0 100.4 144.3 136 196.8 47.4h120.8c-32.6 91.7-119.7 146-216.8 146c-35.1 0-70.3-.1-101.7-15.6c-87.4 44.5-180.3 56.6-180.3-42c0-45.8 23.2-107.1 44-145C335 484 381.3 422.8 435.6 374.5c-43.7 18.9-91.1 66.3-122 101.2c25.9-112.8 129.5-193.6 237.1-186.5c130-59.8 209.7-34.1 209.7 38.6c0 27.4-10.6 63.3-21.4 87.9c25.2 45.5 33.3 97.6 26.9 141.2M540.5 399.1c-53.7 0-102 39.7-104 94.9h208c-2-55.1-50.6-94.9-104-94.9M320.6 602.9c-73 152.4 11.5 172.2 100.3 123.3c-46.6-27.5-82.6-72.2-100.3-123.3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M693.6 284.4c-24 0-51.1 11.7-72.6 22c46.3 18 86 57.3 112.3 99.6c7.1-18.9 14.6-47.9 14.6-67.9c0-32-22.8-53.7-54.3-53.7M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64m253.9 492.9H437.1c0 100.4 144.3 136 196.8 47.4h120.8c-32.6 91.7-119.7 146-216.8 146c-35.1 0-70.3-.1-101.7-15.6c-87.4 44.5-180.3 56.6-180.3-42c0-45.8 23.2-107.1 44-145C335 484 381.3 422.8 435.6 374.5c-43.7 18.9-91.1 66.3-122 101.2c25.9-112.8 129.5-193.6 237.1-186.5c130-59.8 209.7-34.1 209.7 38.6c0 27.4-10.6 63.3-21.4 87.9c25.2 45.5 33.3 97.6 26.9 141.2M540.5 399.1c-53.7 0-102 39.7-104 94.9h208c-2-55.1-50.6-94.9-104-94.9M320.6 602.9c-73 152.4 11.5 172.2 100.3 123.3c-46.6-27.5-82.6-72.2-100.3-123.3"/></svg>
</template>

CSS

.icon-ie-circle-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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M693.6%20284.4c-24%200-51.1%2011.7-72.6%2022c46.3%2018%2086%2057.3%20112.3%2099.6c7.1-18.9%2014.6-47.9%2014.6-67.9c0-32-22.8-53.7-54.3-53.7M512%2064C264.6%2064%2064%20264.6%2064%20512s200.6%20448%20448%20448s448-200.6%20448-448S759.4%2064%20512%2064m253.9%20492.9H437.1c0%20100.4%20144.3%20136%20196.8%2047.4h120.8c-32.6%2091.7-119.7%20146-216.8%20146c-35.1%200-70.3-.1-101.7-15.6c-87.4%2044.5-180.3%2056.6-180.3-42c0-45.8%2023.2-107.1%2044-145C335%20484%20381.3%20422.8%20435.6%20374.5c-43.7%2018.9-91.1%2066.3-122%20101.2c25.9-112.8%20129.5-193.6%20237.1-186.5c130-59.8%20209.7-34.1%20209.7%2038.6c0%2027.4-10.6%2063.3-21.4%2087.9c25.2%2045.5%2033.3%2097.6%2026.9%20141.2M540.5%20399.1c-53.7%200-102%2039.7-104%2094.9h208c-2-55.1-50.6-94.9-104-94.9M320.6%20602.9c-73%20152.4%2011.5%20172.2%20100.3%20123.3c-46.6-27.5-82.6-72.2-100.3-123.3%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%22M693.6%20284.4c-24%200-51.1%2011.7-72.6%2022c46.3%2018%2086%2057.3%20112.3%2099.6c7.1-18.9%2014.6-47.9%2014.6-67.9c0-32-22.8-53.7-54.3-53.7M512%2064C264.6%2064%2064%20264.6%2064%20512s200.6%20448%20448%20448s448-200.6%20448-448S759.4%2064%20512%2064m253.9%20492.9H437.1c0%20100.4%20144.3%20136%20196.8%2047.4h120.8c-32.6%2091.7-119.7%20146-216.8%20146c-35.1%200-70.3-.1-101.7-15.6c-87.4%2044.5-180.3%2056.6-180.3-42c0-45.8%2023.2-107.1%2044-145C335%20484%20381.3%20422.8%20435.6%20374.5c-43.7%2018.9-91.1%2066.3-122%20101.2c25.9-112.8%20129.5-193.6%20237.1-186.5c130-59.8%20209.7-34.1%20209.7%2038.6c0%2027.4-10.6%2063.3-21.4%2087.9c25.2%2045.5%2033.3%2097.6%2026.9%20141.2M540.5%20399.1c-53.7%200-102%2039.7-104%2094.9h208c-2-55.1-50.6-94.9-104-94.9M320.6%20602.9c-73%20152.4%2011.5%20172.2%20100.3%20123.3c-46.6-27.5-82.6-72.2-100.3-123.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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