tag horizontal icon
tag-horizontal-line-duotone from Solar by 480 Design · Line Duotone · Money · CC-BY-4.0 Attribution required.
- Name
- tag-horizontal-line-duotone
- Set
- Solar
- Style
- Line 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="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M9.72104 20H12.358C14.5854 20 15.6992 20 16.6289 19.4672C17.5586 18.9345 18.1488 17.958 19.3294 16.005L20.0102 14.8787C21.0034 13.2357 21.5 12.4142 21.5 11.5C21.5 10.5858 21.0034 9.76431 20.0102 8.12126L19.3294 6.99501C18.1488 5.04203 17.5586 4.06554 16.6289 3.53277C15.6992 3 14.5854 3 12.358 3H9.72104C5.84561 3 3.90789 3 2.70394 4.2448C1.5 5.48959 1.5 7.49306 1.5 11.5C1.5 15.5069 1.5 17.5104 2.70394 18.7552C3.90789 20 5.8456 20 9.72104 20Z"/><path d="M6.5 6.99512V16" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarTagHorizontalLineDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M9.72104 20H12.358C14.5854 20 15.6992 20 16.6289 19.4672C17.5586 18.9345 18.1488 17.958 19.3294 16.005L20.0102 14.8787C21.0034 13.2357 21.5 12.4142 21.5 11.5C21.5 10.5858 21.0034 9.76431 20.0102 8.12126L19.3294 6.99501C18.1488 5.04203 17.5586 4.06554 16.6289 3.53277C15.6992 3 14.5854 3 12.358 3H9.72104C5.84561 3 3.90789 3 2.70394 4.2448C1.5 5.48959 1.5 7.49306 1.5 11.5C1.5 15.5069 1.5 17.5104 2.70394 18.7552C3.90789 20 5.8456 20 9.72104 20Z"/><path d="M6.5 6.99512V16" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M9.72104 20H12.358C14.5854 20 15.6992 20 16.6289 19.4672C17.5586 18.9345 18.1488 17.958 19.3294 16.005L20.0102 14.8787C21.0034 13.2357 21.5 12.4142 21.5 11.5C21.5 10.5858 21.0034 9.76431 20.0102 8.12126L19.3294 6.99501C18.1488 5.04203 17.5586 4.06554 16.6289 3.53277C15.6992 3 14.5854 3 12.358 3H9.72104C5.84561 3 3.90789 3 2.70394 4.2448C1.5 5.48959 1.5 7.49306 1.5 11.5C1.5 15.5069 1.5 17.5104 2.70394 18.7552C3.90789 20 5.8456 20 9.72104 20Z"/><path d="M6.5 6.99512V16" opacity=".5"/></g></svg> </template>
CSS
.icon-tag-horizontal-line-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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M9.72104%2020H12.358C14.5854%2020%2015.6992%2020%2016.6289%2019.4672C17.5586%2018.9345%2018.1488%2017.958%2019.3294%2016.005L20.0102%2014.8787C21.0034%2013.2357%2021.5%2012.4142%2021.5%2011.5C21.5%2010.5858%2021.0034%209.76431%2020.0102%208.12126L19.3294%206.99501C18.1488%205.04203%2017.5586%204.06554%2016.6289%203.53277C15.6992%203%2014.5854%203%2012.358%203H9.72104C5.84561%203%203.90789%203%202.70394%204.2448C1.5%205.48959%201.5%207.49306%201.5%2011.5C1.5%2015.5069%201.5%2017.5104%202.70394%2018.7552C3.90789%2020%205.8456%2020%209.72104%2020Z%22%2F%3E%3Cpath%20d%3D%22M6.5%206.99512V16%22%20opacity%3D%22.5%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M9.72104%2020H12.358C14.5854%2020%2015.6992%2020%2016.6289%2019.4672C17.5586%2018.9345%2018.1488%2017.958%2019.3294%2016.005L20.0102%2014.8787C21.0034%2013.2357%2021.5%2012.4142%2021.5%2011.5C21.5%2010.5858%2021.0034%209.76431%2020.0102%208.12126L19.3294%206.99501C18.1488%205.04203%2017.5586%204.06554%2016.6289%203.53277C15.6992%203%2014.5854%203%2012.358%203H9.72104C5.84561%203%203.90789%203%202.70394%204.2448C1.5%205.48959%201.5%207.49306%201.5%2011.5C1.5%2015.5069%201.5%2017.5104%202.70394%2018.7552C3.90789%2020%205.8456%2020%209.72104%2020Z%22%2F%3E%3Cpath%20d%3D%22M6.5%206.99512V16%22%20opacity%3D%22.5%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-line-duotone.svg?color=%231a73e8&size=48
