trademark circle icon

trademark-circle-twotone from Ant Design Icons by HeskeyBaozi · TwoTone · MIT Free for personal and commercial use.

Name: trademark-circle-twotone
Set: Ant Design Icons
Style: TwoTone
Viewbox: 1024×1024
License: MIT

2 other variants in Ant Design Icons

trademark-circle-filled trademark-circle-outlined

The same icon in other sets

Use the trademark 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 64m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372s372 166.6 372 372s-166.6 372-372 372"/><path fill="currentColor" fill-opacity=".15" d="M512 140c-205.4 0-372 166.6-372 372s166.6 372 372 372s372-166.6 372-372s-166.6-372-372-372m170.7 584.2c-1.1.5-2.3.8-3.5.8h-62c-3.1 0-5.9-1.8-7.2-4.6l-74.6-159.2h-88.7V717c0 4.4-3.6 8-8 8H384c-4.4 0-8-3.6-8-8V307c0-4.4 3.6-8 8-8h155.6c98.8 0 144.2 59.9 144.2 131.1c0 70.2-43.6 106.4-78.4 119.2l80.8 164.2c2.1 3.9.4 8.7-3.5 10.7"/><path fill="currentColor" fill-opacity=".15" d="M529.9 357h-83.4v148H528c53 0 82.8-25.6 82.8-72.4c0-50.3-32.9-75.6-80.9-75.6"/><path fill="currentColor" d="M605.4 549.3c34.8-12.8 78.4-49 78.4-119.2c0-71.2-45.4-131.1-144.2-131.1H384c-4.4 0-8 3.6-8 8v410c0 4.4 3.6 8 8 8h54.7c4.4 0 8-3.6 8-8V561.2h88.7L610 720.4c1.3 2.8 4.1 4.6 7.2 4.6h62c1.2 0 2.4-.3 3.5-.8c3.9-2 5.6-6.8 3.5-10.7zM528 505h-81.5V357h83.4c48 0 80.9 25.3 80.9 75.6c0 46.8-29.8 72.4-82.8 72.4"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignTrademarkCircleTwotone(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 64m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372s372 166.6 372 372s-166.6 372-372 372"/><path fill="currentColor" fillOpacity=".15" d="M512 140c-205.4 0-372 166.6-372 372s166.6 372 372 372s372-166.6 372-372s-166.6-372-372-372m170.7 584.2c-1.1.5-2.3.8-3.5.8h-62c-3.1 0-5.9-1.8-7.2-4.6l-74.6-159.2h-88.7V717c0 4.4-3.6 8-8 8H384c-4.4 0-8-3.6-8-8V307c0-4.4 3.6-8 8-8h155.6c98.8 0 144.2 59.9 144.2 131.1c0 70.2-43.6 106.4-78.4 119.2l80.8 164.2c2.1 3.9.4 8.7-3.5 10.7"/><path fill="currentColor" fillOpacity=".15" d="M529.9 357h-83.4v148H528c53 0 82.8-25.6 82.8-72.4c0-50.3-32.9-75.6-80.9-75.6"/><path fill="currentColor" d="M605.4 549.3c34.8-12.8 78.4-49 78.4-119.2c0-71.2-45.4-131.1-144.2-131.1H384c-4.4 0-8 3.6-8 8v410c0 4.4 3.6 8 8 8h54.7c4.4 0 8-3.6 8-8V561.2h88.7L610 720.4c1.3 2.8 4.1 4.6 7.2 4.6h62c1.2 0 2.4-.3 3.5-.8c3.9-2 5.6-6.8 3.5-10.7zM528 505h-81.5V357h83.4c48 0 80.9 25.3 80.9 75.6c0 46.8-29.8 72.4-82.8 72.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="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372s372 166.6 372 372s-166.6 372-372 372"/><path fill="currentColor" fill-opacity=".15" d="M512 140c-205.4 0-372 166.6-372 372s166.6 372 372 372s372-166.6 372-372s-166.6-372-372-372m170.7 584.2c-1.1.5-2.3.8-3.5.8h-62c-3.1 0-5.9-1.8-7.2-4.6l-74.6-159.2h-88.7V717c0 4.4-3.6 8-8 8H384c-4.4 0-8-3.6-8-8V307c0-4.4 3.6-8 8-8h155.6c98.8 0 144.2 59.9 144.2 131.1c0 70.2-43.6 106.4-78.4 119.2l80.8 164.2c2.1 3.9.4 8.7-3.5 10.7"/><path fill="currentColor" fill-opacity=".15" d="M529.9 357h-83.4v148H528c53 0 82.8-25.6 82.8-72.4c0-50.3-32.9-75.6-80.9-75.6"/><path fill="currentColor" d="M605.4 549.3c34.8-12.8 78.4-49 78.4-119.2c0-71.2-45.4-131.1-144.2-131.1H384c-4.4 0-8 3.6-8 8v410c0 4.4 3.6 8 8 8h54.7c4.4 0 8-3.6 8-8V561.2h88.7L610 720.4c1.3 2.8 4.1 4.6 7.2 4.6h62c1.2 0 2.4-.3 3.5-.8c3.9-2 5.6-6.8 3.5-10.7zM528 505h-81.5V357h83.4c48 0 80.9 25.3 80.9 75.6c0 46.8-29.8 72.4-82.8 72.4"/></svg>
</template>

CSS

.icon-trademark-circle-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%22M512%2064C264.6%2064%2064%20264.6%2064%20512s200.6%20448%20448%20448s448-200.6%20448-448S759.4%2064%20512%2064m0%20820c-205.4%200-372-166.6-372-372s166.6-372%20372-372s372%20166.6%20372%20372s-166.6%20372-372%20372%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22M512%20140c-205.4%200-372%20166.6-372%20372s166.6%20372%20372%20372s372-166.6%20372-372s-166.6-372-372-372m170.7%20584.2c-1.1.5-2.3.8-3.5.8h-62c-3.1%200-5.9-1.8-7.2-4.6l-74.6-159.2h-88.7V717c0%204.4-3.6%208-8%208H384c-4.4%200-8-3.6-8-8V307c0-4.4%203.6-8%208-8h155.6c98.8%200%20144.2%2059.9%20144.2%20131.1c0%2070.2-43.6%20106.4-78.4%20119.2l80.8%20164.2c2.1%203.9.4%208.7-3.5%2010.7%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22M529.9%20357h-83.4v148H528c53%200%2082.8-25.6%2082.8-72.4c0-50.3-32.9-75.6-80.9-75.6%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M605.4%20549.3c34.8-12.8%2078.4-49%2078.4-119.2c0-71.2-45.4-131.1-144.2-131.1H384c-4.4%200-8%203.6-8%208v410c0%204.4%203.6%208%208%208h54.7c4.4%200%208-3.6%208-8V561.2h88.7L610%20720.4c1.3%202.8%204.1%204.6%207.2%204.6h62c1.2%200%202.4-.3%203.5-.8c3.9-2%205.6-6.8%203.5-10.7zM528%20505h-81.5V357h83.4c48%200%2080.9%2025.3%2080.9%2075.6c0%2046.8-29.8%2072.4-82.8%2072.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%22M512%2064C264.6%2064%2064%20264.6%2064%20512s200.6%20448%20448%20448s448-200.6%20448-448S759.4%2064%20512%2064m0%20820c-205.4%200-372-166.6-372-372s166.6-372%20372-372s372%20166.6%20372%20372s-166.6%20372-372%20372%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22M512%20140c-205.4%200-372%20166.6-372%20372s166.6%20372%20372%20372s372-166.6%20372-372s-166.6-372-372-372m170.7%20584.2c-1.1.5-2.3.8-3.5.8h-62c-3.1%200-5.9-1.8-7.2-4.6l-74.6-159.2h-88.7V717c0%204.4-3.6%208-8%208H384c-4.4%200-8-3.6-8-8V307c0-4.4%203.6-8%208-8h155.6c98.8%200%20144.2%2059.9%20144.2%20131.1c0%2070.2-43.6%20106.4-78.4%20119.2l80.8%20164.2c2.1%203.9.4%208.7-3.5%2010.7%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22M529.9%20357h-83.4v148H528c53%200%2082.8-25.6%2082.8-72.4c0-50.3-32.9-75.6-80.9-75.6%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M605.4%20549.3c34.8-12.8%2078.4-49%2078.4-119.2c0-71.2-45.4-131.1-144.2-131.1H384c-4.4%200-8%203.6-8%208v410c0%204.4%203.6%208%208%208h54.7c4.4%200%208-3.6%208-8V561.2h88.7L610%20720.4c1.3%202.8%204.1%204.6%207.2%204.6h62c1.2%200%202.4-.3%203.5-.8c3.9-2%205.6-6.8%203.5-10.7zM528%20505h-81.5V357h83.4c48%200%2080.9%2025.3%2080.9%2075.6c0%2046.8-29.8%2072.4-82.8%2072.4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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