tag icon
tag-duotone from Reicon by REICON · Duotone · Money · MIT Free for personal and commercial use.
- Name
- tag-duotone
- Set
- Reicon
- Style
- Duotone
- Category
- Money
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All tag icons →tagAkar Iconstag-filledAnt Design IconstagBootstrap IconstagBoxIcons v2tagBoxIcons v2 SolidtagCarbontagCodiconstagFramework7 IconstagFont Awesome 6 SolidtagFont Awesome SolidtagFeather Iconstag-outlineFlowbite Iconstag-16-filledFluent UI System Iconstagcss.ggtagHeroIconstagHumbleiconstagIconParktagIconPark OutlinetagIconPark SolidtagIconPark TwoTonetagJam IconstagKeyline IconstagLine AwesometagLucide
More money icons from Reicon
Use the tag icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M4.728 16.137c-1.545-1.546-2.318-2.318-2.605-3.321c-.288-1.003-.042-2.068.45-4.197l.283-1.228c.413-1.792.62-2.688 1.233-3.302s1.51-.82 3.302-1.233l1.228-.284c2.13-.491 3.194-.737 4.197-.45c1.003.288 1.775 1.061 3.32 2.606l1.83 1.83C20.657 9.248 22 10.592 22 12.262c0 1.671-1.344 3.015-4.033 5.704c-2.69 2.69-4.034 4.034-5.705 4.034c-1.67 0-3.015-1.344-5.704-4.033z" opacity=".5"/><path d="M10.124 7.271a2.017 2.017 0 1 1-2.853 2.852a2.017 2.017 0 0 1 2.853-2.852m8.927 4.78l-6.979 6.98a.75.75 0 1 1-1.06-1.06l6.979-6.98a.75.75 0 1 1 1.06 1.06"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconTagDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M4.728 16.137c-1.545-1.546-2.318-2.318-2.605-3.321c-.288-1.003-.042-2.068.45-4.197l.283-1.228c.413-1.792.62-2.688 1.233-3.302s1.51-.82 3.302-1.233l1.228-.284c2.13-.491 3.194-.737 4.197-.45c1.003.288 1.775 1.061 3.32 2.606l1.83 1.83C20.657 9.248 22 10.592 22 12.262c0 1.671-1.344 3.015-4.033 5.704c-2.69 2.69-4.034 4.034-5.705 4.034c-1.67 0-3.015-1.344-5.704-4.033z" opacity=".5"/><path d="M10.124 7.271a2.017 2.017 0 1 1-2.853 2.852a2.017 2.017 0 0 1 2.853-2.852m8.927 4.78l-6.979 6.98a.75.75 0 1 1-1.06-1.06l6.979-6.98a.75.75 0 1 1 1.06 1.06"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M4.728 16.137c-1.545-1.546-2.318-2.318-2.605-3.321c-.288-1.003-.042-2.068.45-4.197l.283-1.228c.413-1.792.62-2.688 1.233-3.302s1.51-.82 3.302-1.233l1.228-.284c2.13-.491 3.194-.737 4.197-.45c1.003.288 1.775 1.061 3.32 2.606l1.83 1.83C20.657 9.248 22 10.592 22 12.262c0 1.671-1.344 3.015-4.033 5.704c-2.69 2.69-4.034 4.034-5.705 4.034c-1.67 0-3.015-1.344-5.704-4.033z" opacity=".5"/><path d="M10.124 7.271a2.017 2.017 0 1 1-2.853 2.852a2.017 2.017 0 0 1 2.853-2.852m8.927 4.78l-6.979 6.98a.75.75 0 1 1-1.06-1.06l6.979-6.98a.75.75 0 1 1 1.06 1.06"/></g></svg> </template>
CSS
.icon-tag-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M4.728%2016.137c-1.545-1.546-2.318-2.318-2.605-3.321c-.288-1.003-.042-2.068.45-4.197l.283-1.228c.413-1.792.62-2.688%201.233-3.302s1.51-.82%203.302-1.233l1.228-.284c2.13-.491%203.194-.737%204.197-.45c1.003.288%201.775%201.061%203.32%202.606l1.83%201.83C20.657%209.248%2022%2010.592%2022%2012.262c0%201.671-1.344%203.015-4.033%205.704c-2.69%202.69-4.034%204.034-5.705%204.034c-1.67%200-3.015-1.344-5.704-4.033z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M10.124%207.271a2.017%202.017%200%201%201-2.853%202.852a2.017%202.017%200%200%201%202.853-2.852m8.927%204.78l-6.979%206.98a.75.75%200%201%201-1.06-1.06l6.979-6.98a.75.75%200%201%201%201.06%201.06%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M4.728%2016.137c-1.545-1.546-2.318-2.318-2.605-3.321c-.288-1.003-.042-2.068.45-4.197l.283-1.228c.413-1.792.62-2.688%201.233-3.302s1.51-.82%203.302-1.233l1.228-.284c2.13-.491%203.194-.737%204.197-.45c1.003.288%201.775%201.061%203.32%202.606l1.83%201.83C20.657%209.248%2022%2010.592%2022%2012.262c0%201.671-1.344%203.015-4.033%205.704c-2.69%202.69-4.034%204.034-5.705%204.034c-1.67%200-3.015-1.344-5.704-4.033z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M10.124%207.271a2.017%202.017%200%201%201-2.853%202.852a2.017%202.017%200%200%201%202.853-2.852m8.927%204.78l-6.979%206.98a.75.75%200%201%201-1.06-1.06l6.979-6.98a.75.75%200%201%201%201.06%201.06%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/tag-duotone.svg?color=%231a73e8&size=48
