tj logo
tj-1x1 from Flag Icons by Panayiotis Lipiridis · 1x1 · MIT Free for personal and commercial use.
- Name
- tj-1x1
- Set
- Flag Icons
- Style
- 1x1
- Viewbox
- 512×512
- License
- MIT
1 other variant in Flag Icons
The same logo in other sets
Use the tj logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#060" d="M0 0h512v512H0z"/><path fill="#fff" d="M0 0h512v365.7H0z"/><path fill="#c00" d="M0 0h512v146.3H0z"/><g fill="#f8c300" transform="translate(-256)scale(.73143)"><path d="M672 340.7a12.5 12.5 0 0 1 23.3 5.9v50h9.4v-50a12.5 12.5 0 0 1 23.3-5.9a29.5 29.5 0 1 0-56 0"/><path fill="#fff" d="M678.7 327.6a20 20 0 0 1 21.3 9.6a20 20 0 0 1 21.3-9.6a21.5 21.5 0 0 0-42.6 0"/><path id="SVGSLKL1cJy" d="M695.3 376.6a38 38 0 0 1-63.8 24.3a39.5 39.5 0 0 1-59.8 17.5c3.7 36.4 58.3 29 62.3-6.4c17.2 30.1 55 21.5 66-15.4z"/><use width="100%" height="100%" href="#SVGSLKL1cJy" transform="matrix(-1 0 0 1 1400 0)"/><path id="SVGa33zpeSK" d="M658.8 441.3c-7.6 16.5-22.8 19.3-36.1 6c0 0 5.3-3.8 11-4.8a18 18 0 0 1 4.3-14.3a22 22 0 0 1 9 11.8c8-1 11.8 1.3 11.8 1.3"/><use width="100%" height="100%" href="#SVGa33zpeSK" transform="rotate(9.4 700 804)"/><use width="100%" height="100%" href="#SVGa33zpeSK" transform="rotate(18.7 700 804)"/><path fill="none" stroke="#f8c300" stroke-width="16" d="M603 478a340 340 0 0 1 194 0"/><g transform="translate(700 380)"><g transform="translate(0 -140)"><path id="SVGof3xwVUs" d="m488533-158734l-790463 574305L0-513674l301930 929245l-790463-574305z" transform="scale(.00005)"/></g><g id="SVGH3GoAvmV"><use width="100%" height="100%" href="#SVGof3xwVUs" transform="translate(-70 -121.2)"/><use width="100%" height="100%" href="#SVGof3xwVUs" transform="translate(-121.2 -70)"/><use width="100%" height="100%" href="#SVGof3xwVUs" transform="translate(-140)"/></g><use width="100%" height="100%" href="#SVGH3GoAvmV" transform="scale(-1 1)"/></g></g></svg>
React
import type { SVGProps } from "react";
export function FlagTj1x1(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#060" d="M0 0h512v512H0z"/><path fill="#fff" d="M0 0h512v365.7H0z"/><path fill="#c00" d="M0 0h512v146.3H0z"/><g fill="#f8c300" transform="translate(-256)scale(.73143)"><path d="M672 340.7a12.5 12.5 0 0 1 23.3 5.9v50h9.4v-50a12.5 12.5 0 0 1 23.3-5.9a29.5 29.5 0 1 0-56 0"/><path fill="#fff" d="M678.7 327.6a20 20 0 0 1 21.3 9.6a20 20 0 0 1 21.3-9.6a21.5 21.5 0 0 0-42.6 0"/><path id="SVGSLKL1cJy" d="M695.3 376.6a38 38 0 0 1-63.8 24.3a39.5 39.5 0 0 1-59.8 17.5c3.7 36.4 58.3 29 62.3-6.4c17.2 30.1 55 21.5 66-15.4z"/><use width="100%" height="100%" href="#SVGSLKL1cJy" transform="matrix(-1 0 0 1 1400 0)"/><path id="SVGa33zpeSK" d="M658.8 441.3c-7.6 16.5-22.8 19.3-36.1 6c0 0 5.3-3.8 11-4.8a18 18 0 0 1 4.3-14.3a22 22 0 0 1 9 11.8c8-1 11.8 1.3 11.8 1.3"/><use width="100%" height="100%" href="#SVGa33zpeSK" transform="rotate(9.4 700 804)"/><use width="100%" height="100%" href="#SVGa33zpeSK" transform="rotate(18.7 700 804)"/><path fill="none" stroke="#f8c300" strokeWidth="16" d="M603 478a340 340 0 0 1 194 0"/><g transform="translate(700 380)"><g transform="translate(0 -140)"><path id="SVGof3xwVUs" d="m488533-158734l-790463 574305L0-513674l301930 929245l-790463-574305z" transform="scale(.00005)"/></g><g id="SVGH3GoAvmV"><use width="100%" height="100%" href="#SVGof3xwVUs" transform="translate(-70 -121.2)"/><use width="100%" height="100%" href="#SVGof3xwVUs" transform="translate(-121.2 -70)"/><use width="100%" height="100%" href="#SVGof3xwVUs" transform="translate(-140)"/></g><use width="100%" height="100%" href="#SVGH3GoAvmV" transform="scale(-1 1)"/></g></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#060" d="M0 0h512v512H0z"/><path fill="#fff" d="M0 0h512v365.7H0z"/><path fill="#c00" d="M0 0h512v146.3H0z"/><g fill="#f8c300" transform="translate(-256)scale(.73143)"><path d="M672 340.7a12.5 12.5 0 0 1 23.3 5.9v50h9.4v-50a12.5 12.5 0 0 1 23.3-5.9a29.5 29.5 0 1 0-56 0"/><path fill="#fff" d="M678.7 327.6a20 20 0 0 1 21.3 9.6a20 20 0 0 1 21.3-9.6a21.5 21.5 0 0 0-42.6 0"/><path id="SVGSLKL1cJy" d="M695.3 376.6a38 38 0 0 1-63.8 24.3a39.5 39.5 0 0 1-59.8 17.5c3.7 36.4 58.3 29 62.3-6.4c17.2 30.1 55 21.5 66-15.4z"/><use width="100%" height="100%" href="#SVGSLKL1cJy" transform="matrix(-1 0 0 1 1400 0)"/><path id="SVGa33zpeSK" d="M658.8 441.3c-7.6 16.5-22.8 19.3-36.1 6c0 0 5.3-3.8 11-4.8a18 18 0 0 1 4.3-14.3a22 22 0 0 1 9 11.8c8-1 11.8 1.3 11.8 1.3"/><use width="100%" height="100%" href="#SVGa33zpeSK" transform="rotate(9.4 700 804)"/><use width="100%" height="100%" href="#SVGa33zpeSK" transform="rotate(18.7 700 804)"/><path fill="none" stroke="#f8c300" stroke-width="16" d="M603 478a340 340 0 0 1 194 0"/><g transform="translate(700 380)"><g transform="translate(0 -140)"><path id="SVGof3xwVUs" d="m488533-158734l-790463 574305L0-513674l301930 929245l-790463-574305z" transform="scale(.00005)"/></g><g id="SVGH3GoAvmV"><use width="100%" height="100%" href="#SVGof3xwVUs" transform="translate(-70 -121.2)"/><use width="100%" height="100%" href="#SVGof3xwVUs" transform="translate(-121.2 -70)"/><use width="100%" height="100%" href="#SVGof3xwVUs" transform="translate(-140)"/></g><use width="100%" height="100%" href="#SVGH3GoAvmV" transform="scale(-1 1)"/></g></g></svg> </template>
CSS
.icon-tj-1x1 {
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%20512%20512%22%3E%3Cpath%20fill%3D%22%23060%22%20d%3D%22M0%200h512v512H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h512v365.7H0z%22%2F%3E%3Cpath%20fill%3D%22%23c00%22%20d%3D%22M0%200h512v146.3H0z%22%2F%3E%3Cg%20fill%3D%22%23f8c300%22%20transform%3D%22translate(-256)scale(.73143)%22%3E%3Cpath%20d%3D%22M672%20340.7a12.5%2012.5%200%200%201%2023.3%205.9v50h9.4v-50a12.5%2012.5%200%200%201%2023.3-5.9a29.5%2029.5%200%201%200-56%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M678.7%20327.6a20%2020%200%200%201%2021.3%209.6a20%2020%200%200%201%2021.3-9.6a21.5%2021.5%200%200%200-42.6%200%22%2F%3E%3Cpath%20id%3D%22SVGSLKL1cJy%22%20d%3D%22M695.3%20376.6a38%2038%200%200%201-63.8%2024.3a39.5%2039.5%200%200%201-59.8%2017.5c3.7%2036.4%2058.3%2029%2062.3-6.4c17.2%2030.1%2055%2021.5%2066-15.4z%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20href%3D%22%23SVGSLKL1cJy%22%20transform%3D%22matrix(-1%200%200%201%201400%200)%22%2F%3E%3Cpath%20id%3D%22SVGa33zpeSK%22%20d%3D%22M658.8%20441.3c-7.6%2016.5-22.8%2019.3-36.1%206c0%200%205.3-3.8%2011-4.8a18%2018%200%200%201%204.3-14.3a22%2022%200%200%201%209%2011.8c8-1%2011.8%201.3%2011.8%201.3%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20href%3D%22%23SVGa33zpeSK%22%20transform%3D%22rotate(9.4%20700%20804)%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20href%3D%22%23SVGa33zpeSK%22%20transform%3D%22rotate(18.7%20700%20804)%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23f8c300%22%20stroke-width%3D%2216%22%20d%3D%22M603%20478a340%20340%200%200%201%20194%200%22%2F%3E%3Cg%20transform%3D%22translate(700%20380)%22%3E%3Cg%20transform%3D%22translate(0%20-140)%22%3E%3Cpath%20id%3D%22SVGof3xwVUs%22%20d%3D%22m488533-158734l-790463%20574305L0-513674l301930%20929245l-790463-574305z%22%20transform%3D%22scale(.00005)%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGH3GoAvmV%22%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20href%3D%22%23SVGof3xwVUs%22%20transform%3D%22translate(-70%20-121.2)%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20href%3D%22%23SVGof3xwVUs%22%20transform%3D%22translate(-121.2%20-70)%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20href%3D%22%23SVGof3xwVUs%22%20transform%3D%22translate(-140)%22%2F%3E%3C%2Fg%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20href%3D%22%23SVGH3GoAvmV%22%20transform%3D%22scale(-1%201)%22%2F%3E%3C%2Fg%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%20512%20512%22%3E%3Cpath%20fill%3D%22%23060%22%20d%3D%22M0%200h512v512H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h512v365.7H0z%22%2F%3E%3Cpath%20fill%3D%22%23c00%22%20d%3D%22M0%200h512v146.3H0z%22%2F%3E%3Cg%20fill%3D%22%23f8c300%22%20transform%3D%22translate(-256)scale(.73143)%22%3E%3Cpath%20d%3D%22M672%20340.7a12.5%2012.5%200%200%201%2023.3%205.9v50h9.4v-50a12.5%2012.5%200%200%201%2023.3-5.9a29.5%2029.5%200%201%200-56%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M678.7%20327.6a20%2020%200%200%201%2021.3%209.6a20%2020%200%200%201%2021.3-9.6a21.5%2021.5%200%200%200-42.6%200%22%2F%3E%3Cpath%20id%3D%22SVGSLKL1cJy%22%20d%3D%22M695.3%20376.6a38%2038%200%200%201-63.8%2024.3a39.5%2039.5%200%200%201-59.8%2017.5c3.7%2036.4%2058.3%2029%2062.3-6.4c17.2%2030.1%2055%2021.5%2066-15.4z%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20href%3D%22%23SVGSLKL1cJy%22%20transform%3D%22matrix(-1%200%200%201%201400%200)%22%2F%3E%3Cpath%20id%3D%22SVGa33zpeSK%22%20d%3D%22M658.8%20441.3c-7.6%2016.5-22.8%2019.3-36.1%206c0%200%205.3-3.8%2011-4.8a18%2018%200%200%201%204.3-14.3a22%2022%200%200%201%209%2011.8c8-1%2011.8%201.3%2011.8%201.3%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20href%3D%22%23SVGa33zpeSK%22%20transform%3D%22rotate(9.4%20700%20804)%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20href%3D%22%23SVGa33zpeSK%22%20transform%3D%22rotate(18.7%20700%20804)%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23f8c300%22%20stroke-width%3D%2216%22%20d%3D%22M603%20478a340%20340%200%200%201%20194%200%22%2F%3E%3Cg%20transform%3D%22translate(700%20380)%22%3E%3Cg%20transform%3D%22translate(0%20-140)%22%3E%3Cpath%20id%3D%22SVGof3xwVUs%22%20d%3D%22m488533-158734l-790463%20574305L0-513674l301930%20929245l-790463-574305z%22%20transform%3D%22scale(.00005)%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGH3GoAvmV%22%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20href%3D%22%23SVGof3xwVUs%22%20transform%3D%22translate(-70%20-121.2)%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20href%3D%22%23SVGof3xwVUs%22%20transform%3D%22translate(-121.2%20-70)%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20href%3D%22%23SVGof3xwVUs%22%20transform%3D%22translate(-140)%22%2F%3E%3C%2Fg%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20href%3D%22%23SVGH3GoAvmV%22%20transform%3D%22scale(-1%201)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/flag/tj-1x1.svg?color=%231a73e8&size=48
