tag multiple icon

tag-multiple-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.

Name: tag-multiple-24-regular
Set: Fluent UI System Icons
Style: 24 Regular
Viewbox: 24×24
License: MIT

5 other variants in Fluent UI System Icons

tag-multiple-16-filled tag-multiple-16-regular tag-multiple-20-filled tag-multiple-20-regular tag-multiple-24-filled

The same icon in other sets

tag-multipleMaterial Design Icons

Related icons in Fluent UI System Icons

tag-add-16-filled tag-circle-20-filled tag-dismiss-16-filled tag-edit-16-filled tag-error-16-filled tag-lock-16-filled tag-lock-accent-16-filled tag-off-16-filled tag-percent-16-filled tag-question-mark-16-filled tag-reset-20-filled tag-search-20-filled

Use the tag multiple icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.5 6.5a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m-6.992-3.602A3.25 3.25 0 0 1 12.75 2h5.499A2.75 2.75 0 0 1 21 4.75v4.953a3.25 3.25 0 0 1-.97 2.316l-6.946 6.835a2.25 2.25 0 0 1-3.166-.01l-6.256-6.226a2.25 2.25 0 0 1 .034-3.223zm2.243.602c-.45 0-.883.173-1.208.484L4.73 10.48a.75.75 0 0 0-.011 1.075l6.257 6.226a.75.75 0 0 0 1.055.003l6.945-6.834a1.75 1.75 0 0 0 .523-1.247V4.75c0-.69-.56-1.25-1.25-1.25zm7.98 9.232l-1.475 1.451q-.06.082-.134.155l-5.334 5.229a3.25 3.25 0 0 1-4.575-.013L7.282 17.63l-2.411-2.386a1 1 0 0 1-.107-.12l-1.63-1.621a2.75 2.75 0 0 0 .682 2.807l4.356 4.311a4.75 4.75 0 0 0 6.666.016l5.334-5.229a2.75 2.75 0 0 0 .69-2.813a4 4 0 0 1-.131.136"/></svg>

React

import type { SVGProps } from "react";

export function FluentTagMultiple24Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.5 6.5a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m-6.992-3.602A3.25 3.25 0 0 1 12.75 2h5.499A2.75 2.75 0 0 1 21 4.75v4.953a3.25 3.25 0 0 1-.97 2.316l-6.946 6.835a2.25 2.25 0 0 1-3.166-.01l-6.256-6.226a2.25 2.25 0 0 1 .034-3.223zm2.243.602c-.45 0-.883.173-1.208.484L4.73 10.48a.75.75 0 0 0-.011 1.075l6.257 6.226a.75.75 0 0 0 1.055.003l6.945-6.834a1.75 1.75 0 0 0 .523-1.247V4.75c0-.69-.56-1.25-1.25-1.25zm7.98 9.232l-1.475 1.451q-.06.082-.134.155l-5.334 5.229a3.25 3.25 0 0 1-4.575-.013L7.282 17.63l-2.411-2.386a1 1 0 0 1-.107-.12l-1.63-1.621a2.75 2.75 0 0 0 .682 2.807l4.356 4.311a4.75 4.75 0 0 0 6.666.016l5.334-5.229a2.75 2.75 0 0 0 .69-2.813a4 4 0 0 1-.131.136"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.5 6.5a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m-6.992-3.602A3.25 3.25 0 0 1 12.75 2h5.499A2.75 2.75 0 0 1 21 4.75v4.953a3.25 3.25 0 0 1-.97 2.316l-6.946 6.835a2.25 2.25 0 0 1-3.166-.01l-6.256-6.226a2.25 2.25 0 0 1 .034-3.223zm2.243.602c-.45 0-.883.173-1.208.484L4.73 10.48a.75.75 0 0 0-.011 1.075l6.257 6.226a.75.75 0 0 0 1.055.003l6.945-6.834a1.75 1.75 0 0 0 .523-1.247V4.75c0-.69-.56-1.25-1.25-1.25zm7.98 9.232l-1.475 1.451q-.06.082-.134.155l-5.334 5.229a3.25 3.25 0 0 1-4.575-.013L7.282 17.63l-2.411-2.386a1 1 0 0 1-.107-.12l-1.63-1.621a2.75 2.75 0 0 0 .682 2.807l4.356 4.311a4.75 4.75 0 0 0 6.666.016l5.334-5.229a2.75 2.75 0 0 0 .69-2.813a4 4 0 0 1-.131.136"/></svg>
</template>

CSS

.icon-tag-multiple-24-regular {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.5%206.5a1.25%201.25%200%201%201-2.5%200a1.25%201.25%200%200%201%202.5%200m-6.992-3.602A3.25%203.25%200%200%201%2012.75%202h5.499A2.75%202.75%200%200%201%2021%204.75v4.953a3.25%203.25%200%200%201-.97%202.316l-6.946%206.835a2.25%202.25%200%200%201-3.166-.01l-6.256-6.226a2.25%202.25%200%200%201%20.034-3.223zm2.243.602c-.45%200-.883.173-1.208.484L4.73%2010.48a.75.75%200%200%200-.011%201.075l6.257%206.226a.75.75%200%200%200%201.055.003l6.945-6.834a1.75%201.75%200%200%200%20.523-1.247V4.75c0-.69-.56-1.25-1.25-1.25zm7.98%209.232l-1.475%201.451q-.06.082-.134.155l-5.334%205.229a3.25%203.25%200%200%201-4.575-.013L7.282%2017.63l-2.411-2.386a1%201%200%200%201-.107-.12l-1.63-1.621a2.75%202.75%200%200%200%20.682%202.807l4.356%204.311a4.75%204.75%200%200%200%206.666.016l5.334-5.229a2.75%202.75%200%200%200%20.69-2.813a4%204%200%200%201-.131.136%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.5%206.5a1.25%201.25%200%201%201-2.5%200a1.25%201.25%200%200%201%202.5%200m-6.992-3.602A3.25%203.25%200%200%201%2012.75%202h5.499A2.75%202.75%200%200%201%2021%204.75v4.953a3.25%203.25%200%200%201-.97%202.316l-6.946%206.835a2.25%202.25%200%200%201-3.166-.01l-6.256-6.226a2.25%202.25%200%200%201%20.034-3.223zm2.243.602c-.45%200-.883.173-1.208.484L4.73%2010.48a.75.75%200%200%200-.011%201.075l6.257%206.226a.75.75%200%200%200%201.055.003l6.945-6.834a1.75%201.75%200%200%200%20.523-1.247V4.75c0-.69-.56-1.25-1.25-1.25zm7.98%209.232l-1.475%201.451q-.06.082-.134.155l-5.334%205.229a3.25%203.25%200%200%201-4.575-.013L7.282%2017.63l-2.411-2.386a1%201%200%200%201-.107-.12l-1.63-1.621a2.75%202.75%200%200%200%20.682%202.807l4.356%204.311a4.75%204.75%200%200%200%206.666.016l5.334-5.229a2.75%202.75%200%200%200%20.69-2.813a4%204%200%200%201-.131.136%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/tag-multiple-24-regular.svg?color=%231a73e8&size=48