tag icon
tag-two-tone from Keyline Icons by Keyline Icons · Two Tone · MIT Free for personal and commercial use.
- Name
- tag-two-tone
- Set
- Keyline Icons
- Style
- Two Tone
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
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 IconstagLine AwesometagLucidetagMage Icons
Related icons in Keyline Icons
Use the tag 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-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M1 5C1 2.790861 2.790861 1 5 1L11.171573 1C11.967223 1 12.730285 1.316071 13.292894 1.87868L22.12132 10.707107C23.292893 11.87868 23.292893 13.778174 22.12132 14.949747L14.949747 22.12132C13.778174 23.292893 11.87868 23.292893 10.707107 22.12132L1.87868 13.292894C1.316071 12.730285 1 11.967223 1 11.171573Z" stroke="none"/><path d="M2 5C2 3.343146 3.343146 2 5 2L11.171573 2C11.702006 2 12.210714 2.210714 12.585786 2.585786L21.414213 11.414213C22.195262 12.195262 22.195262 13.461592 21.414213 14.24264L14.24264 21.414213C13.461592 22.195262 12.195262 22.195262 11.414213 21.414213L2.585786 12.585786C2.210714 12.210714 2 11.702006 2 11.171573Z"/><path fill="currentColor" d="M9.5 8C9.5 8.8284 8.8284 9.5 8 9.5C7.1716 9.5 6.5 8.8284 6.5 8C6.5 7.1716 7.1716 6.5 8 6.5C8.8284 6.5 9.5 7.1716 9.5 8Z" stroke="none"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsTagTwoTone(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" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillOpacity=".4" d="M1 5C1 2.790861 2.790861 1 5 1L11.171573 1C11.967223 1 12.730285 1.316071 13.292894 1.87868L22.12132 10.707107C23.292893 11.87868 23.292893 13.778174 22.12132 14.949747L14.949747 22.12132C13.778174 23.292893 11.87868 23.292893 10.707107 22.12132L1.87868 13.292894C1.316071 12.730285 1 11.967223 1 11.171573Z" stroke="none"/><path d="M2 5C2 3.343146 3.343146 2 5 2L11.171573 2C11.702006 2 12.210714 2.210714 12.585786 2.585786L21.414213 11.414213C22.195262 12.195262 22.195262 13.461592 21.414213 14.24264L14.24264 21.414213C13.461592 22.195262 12.195262 22.195262 11.414213 21.414213L2.585786 12.585786C2.210714 12.210714 2 11.702006 2 11.171573Z"/><path fill="currentColor" d="M9.5 8C9.5 8.8284 8.8284 9.5 8 9.5C7.1716 9.5 6.5 8.8284 6.5 8C6.5 7.1716 7.1716 6.5 8 6.5C8.8284 6.5 9.5 7.1716 9.5 8Z" stroke="none"/></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-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M1 5C1 2.790861 2.790861 1 5 1L11.171573 1C11.967223 1 12.730285 1.316071 13.292894 1.87868L22.12132 10.707107C23.292893 11.87868 23.292893 13.778174 22.12132 14.949747L14.949747 22.12132C13.778174 23.292893 11.87868 23.292893 10.707107 22.12132L1.87868 13.292894C1.316071 12.730285 1 11.967223 1 11.171573Z" stroke="none"/><path d="M2 5C2 3.343146 3.343146 2 5 2L11.171573 2C11.702006 2 12.210714 2.210714 12.585786 2.585786L21.414213 11.414213C22.195262 12.195262 22.195262 13.461592 21.414213 14.24264L14.24264 21.414213C13.461592 22.195262 12.195262 22.195262 11.414213 21.414213L2.585786 12.585786C2.210714 12.210714 2 11.702006 2 11.171573Z"/><path fill="currentColor" d="M9.5 8C9.5 8.8284 8.8284 9.5 8 9.5C7.1716 9.5 6.5 8.8284 6.5 8C6.5 7.1716 7.1716 6.5 8 6.5C8.8284 6.5 9.5 7.1716 9.5 8Z" stroke="none"/></g></svg> </template>
CSS
.icon-tag-two-tone {
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-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M1%205C1%202.790861%202.790861%201%205%201L11.171573%201C11.967223%201%2012.730285%201.316071%2013.292894%201.87868L22.12132%2010.707107C23.292893%2011.87868%2023.292893%2013.778174%2022.12132%2014.949747L14.949747%2022.12132C13.778174%2023.292893%2011.87868%2023.292893%2010.707107%2022.12132L1.87868%2013.292894C1.316071%2012.730285%201%2011.967223%201%2011.171573Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M2%205C2%203.343146%203.343146%202%205%202L11.171573%202C11.702006%202%2012.210714%202.210714%2012.585786%202.585786L21.414213%2011.414213C22.195262%2012.195262%2022.195262%2013.461592%2021.414213%2014.24264L14.24264%2021.414213C13.461592%2022.195262%2012.195262%2022.195262%2011.414213%2021.414213L2.585786%2012.585786C2.210714%2012.210714%202%2011.702006%202%2011.171573Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.5%208C9.5%208.8284%208.8284%209.5%208%209.5C7.1716%209.5%206.5%208.8284%206.5%208C6.5%207.1716%207.1716%206.5%208%206.5C8.8284%206.5%209.5%207.1716%209.5%208Z%22%20stroke%3D%22none%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-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M1%205C1%202.790861%202.790861%201%205%201L11.171573%201C11.967223%201%2012.730285%201.316071%2013.292894%201.87868L22.12132%2010.707107C23.292893%2011.87868%2023.292893%2013.778174%2022.12132%2014.949747L14.949747%2022.12132C13.778174%2023.292893%2011.87868%2023.292893%2010.707107%2022.12132L1.87868%2013.292894C1.316071%2012.730285%201%2011.967223%201%2011.171573Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M2%205C2%203.343146%203.343146%202%205%202L11.171573%202C11.702006%202%2012.210714%202.210714%2012.585786%202.585786L21.414213%2011.414213C22.195262%2012.195262%2022.195262%2013.461592%2021.414213%2014.24264L14.24264%2021.414213C13.461592%2022.195262%2012.195262%2022.195262%2011.414213%2021.414213L2.585786%2012.585786C2.210714%2012.210714%202%2011.702006%202%2011.171573Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.5%208C9.5%208.8284%208.8284%209.5%208%209.5C7.1716%209.5%206.5%208.8284%206.5%208C6.5%207.1716%207.1716%206.5%208%206.5C8.8284%206.5%209.5%207.1716%209.5%208Z%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/tag-two-tone.svg?color=%231a73e8&size=48
