tag3 icon
tag3 from Reicon by REICON · Outline · UI · MIT Free for personal and commercial use.
- Name
- tag3
- Set
- Reicon
- Style
- Outline
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More ui icons from Reicon
Use the tag3 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M19.25 7.25a2.5 2.5 0 1 0-5 0a2.5 2.5 0 0 0 5 0m-2.5-1a1 1 0 1 1 0 2a1 1 0 0 1 0-2"/><path d="M21.247 1.55c-.338-.171-.695-.238-1.075-.269c-.364-.029-.81-.029-1.345-.028l-5.078.005c-.768 0-1.28 0-1.769.118a4.3 4.3 0 0 0-1.226.509c-.43.263-.79.624-1.334 1.167L3.958 8.51c-.673.673-1.211 1.21-1.61 1.68c-.41.482-.717.941-.89 1.473a4.25 4.25 0 0 0 0 2.626c.172.531.478.991.887 1.473c.399.47.936 1.008 1.61 1.682l2.595 2.598c.673.674 1.21 1.212 1.68 1.611c.482.41.942.717 1.473.89a4.25 4.25 0 0 0 2.626 0c.532-.172.991-.478 1.473-.887c.47-.399 1.009-.936 1.682-1.61l5.468-5.462c.545-.544.907-.906 1.171-1.336a4.3 4.3 0 0 0 .51-1.23c.117-.49.117-1.002.117-1.773V5.173c0-.535 0-.981-.03-1.346c-.03-.38-.098-.737-.27-1.074a2.75 2.75 0 0 0-1.203-1.202m-2.45 1.203c.573 0 .958 0 1.254.024c.288.023.425.065.516.11c.235.12.427.312.546.547c.047.09.089.228.112.515c.024.296.025.681.025 1.254v4.951c0 .893-.005 1.217-.076 1.513a2.8 2.8 0 0 1-.33.795c-.16.26-.385.493-1.016 1.124l-5.38 5.375c-.703.702-1.198 1.196-1.616 1.55c-.41.349-.698.518-.965.605a2.75 2.75 0 0 1-1.7 0c-.268-.088-.554-.258-.965-.607c-.418-.355-.912-.849-1.614-1.55l-2.55-2.553c-.701-.702-1.195-1.197-1.55-1.615c-.348-.411-.517-.698-.604-.966a2.75 2.75 0 0 1 0-1.7c.088-.267.258-.554.607-.964c.354-.418.849-.912 1.55-1.614l5.376-5.37c.63-.63.861-.854 1.12-1.013c.246-.15.514-.262.794-.33c.296-.07.62-.075 1.51-.076z"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconTag3(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" fillRule="evenodd" clipRule="evenodd"><path d="M19.25 7.25a2.5 2.5 0 1 0-5 0a2.5 2.5 0 0 0 5 0m-2.5-1a1 1 0 1 1 0 2a1 1 0 0 1 0-2"/><path d="M21.247 1.55c-.338-.171-.695-.238-1.075-.269c-.364-.029-.81-.029-1.345-.028l-5.078.005c-.768 0-1.28 0-1.769.118a4.3 4.3 0 0 0-1.226.509c-.43.263-.79.624-1.334 1.167L3.958 8.51c-.673.673-1.211 1.21-1.61 1.68c-.41.482-.717.941-.89 1.473a4.25 4.25 0 0 0 0 2.626c.172.531.478.991.887 1.473c.399.47.936 1.008 1.61 1.682l2.595 2.598c.673.674 1.21 1.212 1.68 1.611c.482.41.942.717 1.473.89a4.25 4.25 0 0 0 2.626 0c.532-.172.991-.478 1.473-.887c.47-.399 1.009-.936 1.682-1.61l5.468-5.462c.545-.544.907-.906 1.171-1.336a4.3 4.3 0 0 0 .51-1.23c.117-.49.117-1.002.117-1.773V5.173c0-.535 0-.981-.03-1.346c-.03-.38-.098-.737-.27-1.074a2.75 2.75 0 0 0-1.203-1.202m-2.45 1.203c.573 0 .958 0 1.254.024c.288.023.425.065.516.11c.235.12.427.312.546.547c.047.09.089.228.112.515c.024.296.025.681.025 1.254v4.951c0 .893-.005 1.217-.076 1.513a2.8 2.8 0 0 1-.33.795c-.16.26-.385.493-1.016 1.124l-5.38 5.375c-.703.702-1.198 1.196-1.616 1.55c-.41.349-.698.518-.965.605a2.75 2.75 0 0 1-1.7 0c-.268-.088-.554-.258-.965-.607c-.418-.355-.912-.849-1.614-1.55l-2.55-2.553c-.701-.702-1.195-1.197-1.55-1.615c-.348-.411-.517-.698-.604-.966a2.75 2.75 0 0 1 0-1.7c.088-.267.258-.554.607-.964c.354-.418.849-.912 1.55-1.614l5.376-5.37c.63-.63.861-.854 1.12-1.013c.246-.15.514-.262.794-.33c.296-.07.62-.075 1.51-.076z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M19.25 7.25a2.5 2.5 0 1 0-5 0a2.5 2.5 0 0 0 5 0m-2.5-1a1 1 0 1 1 0 2a1 1 0 0 1 0-2"/><path d="M21.247 1.55c-.338-.171-.695-.238-1.075-.269c-.364-.029-.81-.029-1.345-.028l-5.078.005c-.768 0-1.28 0-1.769.118a4.3 4.3 0 0 0-1.226.509c-.43.263-.79.624-1.334 1.167L3.958 8.51c-.673.673-1.211 1.21-1.61 1.68c-.41.482-.717.941-.89 1.473a4.25 4.25 0 0 0 0 2.626c.172.531.478.991.887 1.473c.399.47.936 1.008 1.61 1.682l2.595 2.598c.673.674 1.21 1.212 1.68 1.611c.482.41.942.717 1.473.89a4.25 4.25 0 0 0 2.626 0c.532-.172.991-.478 1.473-.887c.47-.399 1.009-.936 1.682-1.61l5.468-5.462c.545-.544.907-.906 1.171-1.336a4.3 4.3 0 0 0 .51-1.23c.117-.49.117-1.002.117-1.773V5.173c0-.535 0-.981-.03-1.346c-.03-.38-.098-.737-.27-1.074a2.75 2.75 0 0 0-1.203-1.202m-2.45 1.203c.573 0 .958 0 1.254.024c.288.023.425.065.516.11c.235.12.427.312.546.547c.047.09.089.228.112.515c.024.296.025.681.025 1.254v4.951c0 .893-.005 1.217-.076 1.513a2.8 2.8 0 0 1-.33.795c-.16.26-.385.493-1.016 1.124l-5.38 5.375c-.703.702-1.198 1.196-1.616 1.55c-.41.349-.698.518-.965.605a2.75 2.75 0 0 1-1.7 0c-.268-.088-.554-.258-.965-.607c-.418-.355-.912-.849-1.614-1.55l-2.55-2.553c-.701-.702-1.195-1.197-1.55-1.615c-.348-.411-.517-.698-.604-.966a2.75 2.75 0 0 1 0-1.7c.088-.267.258-.554.607-.964c.354-.418.849-.912 1.55-1.614l5.376-5.37c.63-.63.861-.854 1.12-1.013c.246-.15.514-.262.794-.33c.296-.07.62-.075 1.51-.076z"/></g></svg> </template>
CSS
.icon-tag3 {
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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M19.25%207.25a2.5%202.5%200%201%200-5%200a2.5%202.5%200%200%200%205%200m-2.5-1a1%201%200%201%201%200%202a1%201%200%200%201%200-2%22%2F%3E%3Cpath%20d%3D%22M21.247%201.55c-.338-.171-.695-.238-1.075-.269c-.364-.029-.81-.029-1.345-.028l-5.078.005c-.768%200-1.28%200-1.769.118a4.3%204.3%200%200%200-1.226.509c-.43.263-.79.624-1.334%201.167L3.958%208.51c-.673.673-1.211%201.21-1.61%201.68c-.41.482-.717.941-.89%201.473a4.25%204.25%200%200%200%200%202.626c.172.531.478.991.887%201.473c.399.47.936%201.008%201.61%201.682l2.595%202.598c.673.674%201.21%201.212%201.68%201.611c.482.41.942.717%201.473.89a4.25%204.25%200%200%200%202.626%200c.532-.172.991-.478%201.473-.887c.47-.399%201.009-.936%201.682-1.61l5.468-5.462c.545-.544.907-.906%201.171-1.336a4.3%204.3%200%200%200%20.51-1.23c.117-.49.117-1.002.117-1.773V5.173c0-.535%200-.981-.03-1.346c-.03-.38-.098-.737-.27-1.074a2.75%202.75%200%200%200-1.203-1.202m-2.45%201.203c.573%200%20.958%200%201.254.024c.288.023.425.065.516.11c.235.12.427.312.546.547c.047.09.089.228.112.515c.024.296.025.681.025%201.254v4.951c0%20.893-.005%201.217-.076%201.513a2.8%202.8%200%200%201-.33.795c-.16.26-.385.493-1.016%201.124l-5.38%205.375c-.703.702-1.198%201.196-1.616%201.55c-.41.349-.698.518-.965.605a2.75%202.75%200%200%201-1.7%200c-.268-.088-.554-.258-.965-.607c-.418-.355-.912-.849-1.614-1.55l-2.55-2.553c-.701-.702-1.195-1.197-1.55-1.615c-.348-.411-.517-.698-.604-.966a2.75%202.75%200%200%201%200-1.7c.088-.267.258-.554.607-.964c.354-.418.849-.912%201.55-1.614l5.376-5.37c.63-.63.861-.854%201.12-1.013c.246-.15.514-.262.794-.33c.296-.07.62-.075%201.51-.076z%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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M19.25%207.25a2.5%202.5%200%201%200-5%200a2.5%202.5%200%200%200%205%200m-2.5-1a1%201%200%201%201%200%202a1%201%200%200%201%200-2%22%2F%3E%3Cpath%20d%3D%22M21.247%201.55c-.338-.171-.695-.238-1.075-.269c-.364-.029-.81-.029-1.345-.028l-5.078.005c-.768%200-1.28%200-1.769.118a4.3%204.3%200%200%200-1.226.509c-.43.263-.79.624-1.334%201.167L3.958%208.51c-.673.673-1.211%201.21-1.61%201.68c-.41.482-.717.941-.89%201.473a4.25%204.25%200%200%200%200%202.626c.172.531.478.991.887%201.473c.399.47.936%201.008%201.61%201.682l2.595%202.598c.673.674%201.21%201.212%201.68%201.611c.482.41.942.717%201.473.89a4.25%204.25%200%200%200%202.626%200c.532-.172.991-.478%201.473-.887c.47-.399%201.009-.936%201.682-1.61l5.468-5.462c.545-.544.907-.906%201.171-1.336a4.3%204.3%200%200%200%20.51-1.23c.117-.49.117-1.002.117-1.773V5.173c0-.535%200-.981-.03-1.346c-.03-.38-.098-.737-.27-1.074a2.75%202.75%200%200%200-1.203-1.202m-2.45%201.203c.573%200%20.958%200%201.254.024c.288.023.425.065.516.11c.235.12.427.312.546.547c.047.09.089.228.112.515c.024.296.025.681.025%201.254v4.951c0%20.893-.005%201.217-.076%201.513a2.8%202.8%200%200%201-.33.795c-.16.26-.385.493-1.016%201.124l-5.38%205.375c-.703.702-1.198%201.196-1.616%201.55c-.41.349-.698.518-.965.605a2.75%202.75%200%200%201-1.7%200c-.268-.088-.554-.258-.965-.607c-.418-.355-.912-.849-1.614-1.55l-2.55-2.553c-.701-.702-1.195-1.197-1.55-1.615c-.348-.411-.517-.698-.604-.966a2.75%202.75%200%200%201%200-1.7c.088-.267.258-.554.607-.964c.354-.418.849-.912%201.55-1.614l5.376-5.37c.63-.63.861-.854%201.12-1.013c.246-.15.514-.262.794-.33c.296-.07.62-.075%201.51-.076z%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/tag3.svg?color=%231a73e8&size=48
