tag horizontal icon
tag-horizontal-bold-duotone from Solar by 480 Design · Bold Duotone · Money · CC-BY-4.0 Attribution required.
- Name
- tag-horizontal-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- Money
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More money icons from Solar
banknote-2-boldbanknote-boldbill-boldbill-check-boldbill-cross-boldbill-list-boldcard-2-boldcard-boldcard-receive-boldcard-search-boldcard-send-boldcard-transfer-boldcardholder-boldcash-out-bolddollar-bolddollar-minimalistic-boldeuro-boldmoney-bag-boldmoney-roll-boldruble-boldsafe-2-boldsafe-circle-boldsafe-square-boldsale-bold
Use the tag horizontal icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.221 20H12.858C15.0854 20 16.1992 20 17.1289 19.4986C18.0586 18.9971 18.6488 18.0781 19.8294 16.24L20.5102 15.18L20.5102 15.18C21.5034 13.6336 22 12.8604 22 12C22 11.1396 21.5034 10.3664 20.5102 8.82001L19.8294 7.76001C18.6488 5.92191 18.0586 5.00286 17.1289 4.50143C16.1992 4 15.0854 4 12.858 4H10.221C6.34561 4 4.40789 4 3.20394 5.17157C2 6.34315 2 8.22876 2 12C2 15.7712 2 17.6569 3.20394 18.8284C4.40789 20 6.3456 20 10.221 20Z" opacity=".5"/><path d="M7 7.05469C7.41421 7.05469 7.75 7.37072 7.75 7.76057V16.2358C7.75 16.6256 7.41421 16.9416 7 16.9416C6.58579 16.9416 6.25 16.6256 6.25 16.2358V7.76057C6.25 7.37072 6.58579 7.05469 7 7.05469Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarTagHorizontalBoldDuotone(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="M10.221 20H12.858C15.0854 20 16.1992 20 17.1289 19.4986C18.0586 18.9971 18.6488 18.0781 19.8294 16.24L20.5102 15.18L20.5102 15.18C21.5034 13.6336 22 12.8604 22 12C22 11.1396 21.5034 10.3664 20.5102 8.82001L19.8294 7.76001C18.6488 5.92191 18.0586 5.00286 17.1289 4.50143C16.1992 4 15.0854 4 12.858 4H10.221C6.34561 4 4.40789 4 3.20394 5.17157C2 6.34315 2 8.22876 2 12C2 15.7712 2 17.6569 3.20394 18.8284C4.40789 20 6.3456 20 10.221 20Z" opacity=".5"/><path d="M7 7.05469C7.41421 7.05469 7.75 7.37072 7.75 7.76057V16.2358C7.75 16.6256 7.41421 16.9416 7 16.9416C6.58579 16.9416 6.25 16.6256 6.25 16.2358V7.76057C6.25 7.37072 6.58579 7.05469 7 7.05469Z"/></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="M10.221 20H12.858C15.0854 20 16.1992 20 17.1289 19.4986C18.0586 18.9971 18.6488 18.0781 19.8294 16.24L20.5102 15.18L20.5102 15.18C21.5034 13.6336 22 12.8604 22 12C22 11.1396 21.5034 10.3664 20.5102 8.82001L19.8294 7.76001C18.6488 5.92191 18.0586 5.00286 17.1289 4.50143C16.1992 4 15.0854 4 12.858 4H10.221C6.34561 4 4.40789 4 3.20394 5.17157C2 6.34315 2 8.22876 2 12C2 15.7712 2 17.6569 3.20394 18.8284C4.40789 20 6.3456 20 10.221 20Z" opacity=".5"/><path d="M7 7.05469C7.41421 7.05469 7.75 7.37072 7.75 7.76057V16.2358C7.75 16.6256 7.41421 16.9416 7 16.9416C6.58579 16.9416 6.25 16.6256 6.25 16.2358V7.76057C6.25 7.37072 6.58579 7.05469 7 7.05469Z"/></g></svg> </template>
CSS
.icon-tag-horizontal-bold-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%22M10.221%2020H12.858C15.0854%2020%2016.1992%2020%2017.1289%2019.4986C18.0586%2018.9971%2018.6488%2018.0781%2019.8294%2016.24L20.5102%2015.18L20.5102%2015.18C21.5034%2013.6336%2022%2012.8604%2022%2012C22%2011.1396%2021.5034%2010.3664%2020.5102%208.82001L19.8294%207.76001C18.6488%205.92191%2018.0586%205.00286%2017.1289%204.50143C16.1992%204%2015.0854%204%2012.858%204H10.221C6.34561%204%204.40789%204%203.20394%205.17157C2%206.34315%202%208.22876%202%2012C2%2015.7712%202%2017.6569%203.20394%2018.8284C4.40789%2020%206.3456%2020%2010.221%2020Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M7%207.05469C7.41421%207.05469%207.75%207.37072%207.75%207.76057V16.2358C7.75%2016.6256%207.41421%2016.9416%207%2016.9416C6.58579%2016.9416%206.25%2016.6256%206.25%2016.2358V7.76057C6.25%207.37072%206.58579%207.05469%207%207.05469Z%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%22M10.221%2020H12.858C15.0854%2020%2016.1992%2020%2017.1289%2019.4986C18.0586%2018.9971%2018.6488%2018.0781%2019.8294%2016.24L20.5102%2015.18L20.5102%2015.18C21.5034%2013.6336%2022%2012.8604%2022%2012C22%2011.1396%2021.5034%2010.3664%2020.5102%208.82001L19.8294%207.76001C18.6488%205.92191%2018.0586%205.00286%2017.1289%204.50143C16.1992%204%2015.0854%204%2012.858%204H10.221C6.34561%204%204.40789%204%203.20394%205.17157C2%206.34315%202%208.22876%202%2012C2%2015.7712%202%2017.6569%203.20394%2018.8284C4.40789%2020%206.3456%2020%2010.221%2020Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M7%207.05469C7.41421%207.05469%207.75%207.37072%207.75%207.76057V16.2358C7.75%2016.6256%207.41421%2016.9416%207%2016.9416C6.58579%2016.9416%206.25%2016.6256%206.25%2016.2358V7.76057C6.25%207.37072%206.58579%207.05469%207%207.05469Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/tag-horizontal-bold-duotone.svg?color=%231a73e8&size=48
