pay circle icon

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

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

1 other variant in Ant Design Icons

Use the pay circle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64m166.6 246.8L567.5 515.6h62c4.4 0 8 3.6 8 8v29.9c0 4.4-3.6 8-8 8h-82V603h82c4.4 0 8 3.6 8 8v29.9c0 4.4-3.6 8-8 8h-82V717c0 4.4-3.6 8-8 8h-54.3c-4.4 0-8-3.6-8-8v-68.1h-81.7c-4.4 0-8-3.6-8-8V611c0-4.4 3.6-8 8-8h81.7v-41.5h-81.7c-4.4 0-8-3.6-8-8v-29.9c0-4.4 3.6-8 8-8h61.4L345.4 310.8a8.07 8.07 0 0 1 7-11.9h60.7c3 0 5.8 1.7 7.1 4.4l90.6 180h3.4l90.6-180a8 8 0 0 1 7.1-4.4h59.5c4.4 0 8 3.6 8 8c.2 1.4-.2 2.7-.8 3.9"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignPayCircleFilled(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="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64m166.6 246.8L567.5 515.6h62c4.4 0 8 3.6 8 8v29.9c0 4.4-3.6 8-8 8h-82V603h82c4.4 0 8 3.6 8 8v29.9c0 4.4-3.6 8-8 8h-82V717c0 4.4-3.6 8-8 8h-54.3c-4.4 0-8-3.6-8-8v-68.1h-81.7c-4.4 0-8-3.6-8-8V611c0-4.4 3.6-8 8-8h81.7v-41.5h-81.7c-4.4 0-8-3.6-8-8v-29.9c0-4.4 3.6-8 8-8h61.4L345.4 310.8a8.07 8.07 0 0 1 7-11.9h60.7c3 0 5.8 1.7 7.1 4.4l90.6 180h3.4l90.6-180a8 8 0 0 1 7.1-4.4h59.5c4.4 0 8 3.6 8 8c.2 1.4-.2 2.7-.8 3.9"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64m166.6 246.8L567.5 515.6h62c4.4 0 8 3.6 8 8v29.9c0 4.4-3.6 8-8 8h-82V603h82c4.4 0 8 3.6 8 8v29.9c0 4.4-3.6 8-8 8h-82V717c0 4.4-3.6 8-8 8h-54.3c-4.4 0-8-3.6-8-8v-68.1h-81.7c-4.4 0-8-3.6-8-8V611c0-4.4 3.6-8 8-8h81.7v-41.5h-81.7c-4.4 0-8-3.6-8-8v-29.9c0-4.4 3.6-8 8-8h61.4L345.4 310.8a8.07 8.07 0 0 1 7-11.9h60.7c3 0 5.8 1.7 7.1 4.4l90.6 180h3.4l90.6-180a8 8 0 0 1 7.1-4.4h59.5c4.4 0 8 3.6 8 8c.2 1.4-.2 2.7-.8 3.9"/></svg>
</template>

CSS

.icon-pay-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%22M512%2064C264.6%2064%2064%20264.6%2064%20512s200.6%20448%20448%20448s448-200.6%20448-448S759.4%2064%20512%2064m166.6%20246.8L567.5%20515.6h62c4.4%200%208%203.6%208%208v29.9c0%204.4-3.6%208-8%208h-82V603h82c4.4%200%208%203.6%208%208v29.9c0%204.4-3.6%208-8%208h-82V717c0%204.4-3.6%208-8%208h-54.3c-4.4%200-8-3.6-8-8v-68.1h-81.7c-4.4%200-8-3.6-8-8V611c0-4.4%203.6-8%208-8h81.7v-41.5h-81.7c-4.4%200-8-3.6-8-8v-29.9c0-4.4%203.6-8%208-8h61.4L345.4%20310.8a8.07%208.07%200%200%201%207-11.9h60.7c3%200%205.8%201.7%207.1%204.4l90.6%20180h3.4l90.6-180a8%208%200%200%201%207.1-4.4h59.5c4.4%200%208%203.6%208%208c.2%201.4-.2%202.7-.8%203.9%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%22M512%2064C264.6%2064%2064%20264.6%2064%20512s200.6%20448%20448%20448s448-200.6%20448-448S759.4%2064%20512%2064m166.6%20246.8L567.5%20515.6h62c4.4%200%208%203.6%208%208v29.9c0%204.4-3.6%208-8%208h-82V603h82c4.4%200%208%203.6%208%208v29.9c0%204.4-3.6%208-8%208h-82V717c0%204.4-3.6%208-8%208h-54.3c-4.4%200-8-3.6-8-8v-68.1h-81.7c-4.4%200-8-3.6-8-8V611c0-4.4%203.6-8%208-8h81.7v-41.5h-81.7c-4.4%200-8-3.6-8-8v-29.9c0-4.4%203.6-8%208-8h61.4L345.4%20310.8a8.07%208.07%200%200%201%207-11.9h60.7c3%200%205.8%201.7%207.1%204.4l90.6%20180h3.4l90.6-180a8%208%200%200%201%207.1-4.4h59.5c4.4%200%208%203.6%208%208c.2%201.4-.2%202.7-.8%203.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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