tag circle icon

tag-circle-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.

Name: tag-circle-fill
Set: Framework7 Icons
Style: Fill
Viewbox: 56×56
License: MIT

1 other variant in Framework7 Icons

The same icon in other sets

tag-circle-20-filledFluent UI System Icons

Use the tag circle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 51.906c13.055 0 23.906-10.851 23.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.922 4.095 28c0 13.055 10.828 23.906 23.906 23.906M15.04 20.946c0-1.079.281-1.688 1.008-2.415l2.086-2.062c.726-.703 1.336-1.172 2.414-1.172h4.64c1.43 0 2.086.68 2.977 1.594l11.437 11.554c1.477 1.477 1.454 2.86.047 4.29l-7.149 7.17c-1.43 1.407-2.836 1.43-4.313-.047L16.633 28.422c-.914-.89-1.594-1.547-1.594-3Zm8.648 3c.75-.774.727-2.016 0-2.79c-.75-.75-2.015-.726-2.765 0a1.95 1.95 0 0 0 .023 2.742c.774.774 1.992.774 2.742.047"/></svg>

React

import type { SVGProps } from "react";

export function F7TagCircleFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 51.906c13.055 0 23.906-10.851 23.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.922 4.095 28c0 13.055 10.828 23.906 23.906 23.906M15.04 20.946c0-1.079.281-1.688 1.008-2.415l2.086-2.062c.726-.703 1.336-1.172 2.414-1.172h4.64c1.43 0 2.086.68 2.977 1.594l11.437 11.554c1.477 1.477 1.454 2.86.047 4.29l-7.149 7.17c-1.43 1.407-2.836 1.43-4.313-.047L16.633 28.422c-.914-.89-1.594-1.547-1.594-3Zm8.648 3c.75-.774.727-2.016 0-2.79c-.75-.75-2.015-.726-2.765 0a1.95 1.95 0 0 0 .023 2.742c.774.774 1.992.774 2.742.047"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 51.906c13.055 0 23.906-10.851 23.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.922 4.095 28c0 13.055 10.828 23.906 23.906 23.906M15.04 20.946c0-1.079.281-1.688 1.008-2.415l2.086-2.062c.726-.703 1.336-1.172 2.414-1.172h4.64c1.43 0 2.086.68 2.977 1.594l11.437 11.554c1.477 1.477 1.454 2.86.047 4.29l-7.149 7.17c-1.43 1.407-2.836 1.43-4.313-.047L16.633 28.422c-.914-.89-1.594-1.547-1.594-3Zm8.648 3c.75-.774.727-2.016 0-2.79c-.75-.75-2.015-.726-2.765 0a1.95 1.95 0 0 0 .023 2.742c.774.774 1.992.774 2.742.047"/></svg>
</template>

CSS

.icon-tag-circle-fill {
  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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%2051.906c13.055%200%2023.906-10.851%2023.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899%204.094%204.095%2014.922%204.095%2028c0%2013.055%2010.828%2023.906%2023.906%2023.906M15.04%2020.946c0-1.079.281-1.688%201.008-2.415l2.086-2.062c.726-.703%201.336-1.172%202.414-1.172h4.64c1.43%200%202.086.68%202.977%201.594l11.437%2011.554c1.477%201.477%201.454%202.86.047%204.29l-7.149%207.17c-1.43%201.407-2.836%201.43-4.313-.047L16.633%2028.422c-.914-.89-1.594-1.547-1.594-3Zm8.648%203c.75-.774.727-2.016%200-2.79c-.75-.75-2.015-.726-2.765%200a1.95%201.95%200%200%200%20.023%202.742c.774.774%201.992.774%202.742.047%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%2051.906c13.055%200%2023.906-10.851%2023.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899%204.094%204.095%2014.922%204.095%2028c0%2013.055%2010.828%2023.906%2023.906%2023.906M15.04%2020.946c0-1.079.281-1.688%201.008-2.415l2.086-2.062c.726-.703%201.336-1.172%202.414-1.172h4.64c1.43%200%202.086.68%202.977%201.594l11.437%2011.554c1.477%201.477%201.454%202.86.047%204.29l-7.149%207.17c-1.43%201.407-2.836%201.43-4.313-.047L16.633%2028.422c-.914-.89-1.594-1.547-1.594-3Zm8.648%203c.75-.774.727-2.016%200-2.79c-.75-.75-2.015-.726-2.765%200a1.95%201.95%200%200%200%20.023%202.742c.774.774%201.992.774%202.742.047%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/tag-circle-fill.svg?color=%231a73e8&size=48