tj logo

tj-4x3 from Flag Icons by Panayiotis Lipiridis · 4x3 · MIT Free for personal and commercial use.

Name: tj-4x3
Set: Flag Icons
Style: 4x3
Viewbox: 640×480
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 640 480"><path fill="#060" d="M0 0h640v480H0z"/><path fill="#fff" d="M0 0h640v342.9H0z"/><path fill="#c00" d="M0 0h640v137.1H0z"/><path fill="#f8c300" d="M300.8 233.6a8.6 8.6 0 0 1 16 4V272h6.4v-34.3a8.6 8.6 0 0 1 16-4a20.2 20.2 0 1 0-38.4 0"/><path fill="#fff" d="M305.4 224.7a14 14 0 0 1 14.6 6.5a14 14 0 0 1 14.6-6.5a14.7 14.7 0 0 0-29.2 0"/><path id="SVGs76QPcLG" fill="#f8c300" d="M316.8 258.3a26 26 0 0 1-43.8 16.6a27 27 0 0 1-41 12c2.5 25 40 19.9 42.8-4.4c11.7 20.7 37.6 14.7 45.2-10.6z"/><use width="100%" height="100%" fill="#f8c300" href="#SVGs76QPcLG" transform="matrix(-1 0 0 1 640 0)"/><path id="SVG6rvGpb8L" fill="#f8c300" d="M291.8 302.6c-5.3 11.3-15.7 13.2-24.8 4.1c0 0 3.6-2.6 7.6-3.3c-.8-3.1.7-7.5 2.9-9.8a15 15 0 0 1 6.1 8.1c5.5-.7 8.2 1 8.2 1z"/><use width="100%" height="100%" fill="#f8c300" href="#SVG6rvGpb8L" transform="rotate(9.4 320 551.3)"/><use width="100%" height="100%" fill="#f8c300" href="#SVG6rvGpb8L" transform="rotate(18.7 320 551.3)"/><path fill="none" stroke="#f8c300" stroke-width="11" d="M253.5 327.8a233 233 0 0 1 133 0"/><g fill="#f8c300" transform="translate(320 164.6)scale(.68571)"><path id="SVGg0EkrdFh" d="m301930 415571l-790463-574305h977066l-790463 574305L0-513674z" transform="scale(.00005)"/></g><g id="SVGbPmeZDxH" fill="#f8c300" transform="translate(320 260.6)scale(.68571)"><use width="100%" height="100%" href="#SVGg0EkrdFh" transform="translate(-70 -121.2)"/><use width="100%" height="100%" href="#SVGg0EkrdFh" transform="translate(-121.2 -70)"/><use width="100%" height="100%" href="#SVGg0EkrdFh" transform="translate(-140)"/></g><use width="100%" height="100%" fill="#f8c300" href="#SVGbPmeZDxH" transform="matrix(-1 0 0 1 640 0)"/></svg>

React

import type { SVGProps } from "react";

export function FlagTj4x3(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 480"><path fill="#060" d="M0 0h640v480H0z"/><path fill="#fff" d="M0 0h640v342.9H0z"/><path fill="#c00" d="M0 0h640v137.1H0z"/><path fill="#f8c300" d="M300.8 233.6a8.6 8.6 0 0 1 16 4V272h6.4v-34.3a8.6 8.6 0 0 1 16-4a20.2 20.2 0 1 0-38.4 0"/><path fill="#fff" d="M305.4 224.7a14 14 0 0 1 14.6 6.5a14 14 0 0 1 14.6-6.5a14.7 14.7 0 0 0-29.2 0"/><path id="SVGs76QPcLG" fill="#f8c300" d="M316.8 258.3a26 26 0 0 1-43.8 16.6a27 27 0 0 1-41 12c2.5 25 40 19.9 42.8-4.4c11.7 20.7 37.6 14.7 45.2-10.6z"/><use width="100%" height="100%" fill="#f8c300" href="#SVGs76QPcLG" transform="matrix(-1 0 0 1 640 0)"/><path id="SVG6rvGpb8L" fill="#f8c300" d="M291.8 302.6c-5.3 11.3-15.7 13.2-24.8 4.1c0 0 3.6-2.6 7.6-3.3c-.8-3.1.7-7.5 2.9-9.8a15 15 0 0 1 6.1 8.1c5.5-.7 8.2 1 8.2 1z"/><use width="100%" height="100%" fill="#f8c300" href="#SVG6rvGpb8L" transform="rotate(9.4 320 551.3)"/><use width="100%" height="100%" fill="#f8c300" href="#SVG6rvGpb8L" transform="rotate(18.7 320 551.3)"/><path fill="none" stroke="#f8c300" strokeWidth="11" d="M253.5 327.8a233 233 0 0 1 133 0"/><g fill="#f8c300" transform="translate(320 164.6)scale(.68571)"><path id="SVGg0EkrdFh" d="m301930 415571l-790463-574305h977066l-790463 574305L0-513674z" transform="scale(.00005)"/></g><g id="SVGbPmeZDxH" fill="#f8c300" transform="translate(320 260.6)scale(.68571)"><use width="100%" height="100%" href="#SVGg0EkrdFh" transform="translate(-70 -121.2)"/><use width="100%" height="100%" href="#SVGg0EkrdFh" transform="translate(-121.2 -70)"/><use width="100%" height="100%" href="#SVGg0EkrdFh" transform="translate(-140)"/></g><use width="100%" height="100%" fill="#f8c300" href="#SVGbPmeZDxH" transform="matrix(-1 0 0 1 640 0)"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 480"><path fill="#060" d="M0 0h640v480H0z"/><path fill="#fff" d="M0 0h640v342.9H0z"/><path fill="#c00" d="M0 0h640v137.1H0z"/><path fill="#f8c300" d="M300.8 233.6a8.6 8.6 0 0 1 16 4V272h6.4v-34.3a8.6 8.6 0 0 1 16-4a20.2 20.2 0 1 0-38.4 0"/><path fill="#fff" d="M305.4 224.7a14 14 0 0 1 14.6 6.5a14 14 0 0 1 14.6-6.5a14.7 14.7 0 0 0-29.2 0"/><path id="SVGs76QPcLG" fill="#f8c300" d="M316.8 258.3a26 26 0 0 1-43.8 16.6a27 27 0 0 1-41 12c2.5 25 40 19.9 42.8-4.4c11.7 20.7 37.6 14.7 45.2-10.6z"/><use width="100%" height="100%" fill="#f8c300" href="#SVGs76QPcLG" transform="matrix(-1 0 0 1 640 0)"/><path id="SVG6rvGpb8L" fill="#f8c300" d="M291.8 302.6c-5.3 11.3-15.7 13.2-24.8 4.1c0 0 3.6-2.6 7.6-3.3c-.8-3.1.7-7.5 2.9-9.8a15 15 0 0 1 6.1 8.1c5.5-.7 8.2 1 8.2 1z"/><use width="100%" height="100%" fill="#f8c300" href="#SVG6rvGpb8L" transform="rotate(9.4 320 551.3)"/><use width="100%" height="100%" fill="#f8c300" href="#SVG6rvGpb8L" transform="rotate(18.7 320 551.3)"/><path fill="none" stroke="#f8c300" stroke-width="11" d="M253.5 327.8a233 233 0 0 1 133 0"/><g fill="#f8c300" transform="translate(320 164.6)scale(.68571)"><path id="SVGg0EkrdFh" d="m301930 415571l-790463-574305h977066l-790463 574305L0-513674z" transform="scale(.00005)"/></g><g id="SVGbPmeZDxH" fill="#f8c300" transform="translate(320 260.6)scale(.68571)"><use width="100%" height="100%" href="#SVGg0EkrdFh" transform="translate(-70 -121.2)"/><use width="100%" height="100%" href="#SVGg0EkrdFh" transform="translate(-121.2 -70)"/><use width="100%" height="100%" href="#SVGg0EkrdFh" transform="translate(-140)"/></g><use width="100%" height="100%" fill="#f8c300" href="#SVGbPmeZDxH" transform="matrix(-1 0 0 1 640 0)"/></svg>
</template>

CSS

.icon-tj-4x3 {
  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%20640%20480%22%3E%3Cpath%20fill%3D%22%23060%22%20d%3D%22M0%200h640v480H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h640v342.9H0z%22%2F%3E%3Cpath%20fill%3D%22%23c00%22%20d%3D%22M0%200h640v137.1H0z%22%2F%3E%3Cpath%20fill%3D%22%23f8c300%22%20d%3D%22M300.8%20233.6a8.6%208.6%200%200%201%2016%204V272h6.4v-34.3a8.6%208.6%200%200%201%2016-4a20.2%2020.2%200%201%200-38.4%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M305.4%20224.7a14%2014%200%200%201%2014.6%206.5a14%2014%200%200%201%2014.6-6.5a14.7%2014.7%200%200%200-29.2%200%22%2F%3E%3Cpath%20id%3D%22SVGs76QPcLG%22%20fill%3D%22%23f8c300%22%20d%3D%22M316.8%20258.3a26%2026%200%200%201-43.8%2016.6a27%2027%200%200%201-41%2012c2.5%2025%2040%2019.9%2042.8-4.4c11.7%2020.7%2037.6%2014.7%2045.2-10.6z%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23f8c300%22%20href%3D%22%23SVGs76QPcLG%22%20transform%3D%22matrix(-1%200%200%201%20640%200)%22%2F%3E%3Cpath%20id%3D%22SVG6rvGpb8L%22%20fill%3D%22%23f8c300%22%20d%3D%22M291.8%20302.6c-5.3%2011.3-15.7%2013.2-24.8%204.1c0%200%203.6-2.6%207.6-3.3c-.8-3.1.7-7.5%202.9-9.8a15%2015%200%200%201%206.1%208.1c5.5-.7%208.2%201%208.2%201z%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23f8c300%22%20href%3D%22%23SVG6rvGpb8L%22%20transform%3D%22rotate(9.4%20320%20551.3)%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23f8c300%22%20href%3D%22%23SVG6rvGpb8L%22%20transform%3D%22rotate(18.7%20320%20551.3)%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23f8c300%22%20stroke-width%3D%2211%22%20d%3D%22M253.5%20327.8a233%20233%200%200%201%20133%200%22%2F%3E%3Cg%20fill%3D%22%23f8c300%22%20transform%3D%22translate(320%20164.6)scale(.68571)%22%3E%3Cpath%20id%3D%22SVGg0EkrdFh%22%20d%3D%22m301930%20415571l-790463-574305h977066l-790463%20574305L0-513674z%22%20transform%3D%22scale(.00005)%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGbPmeZDxH%22%20fill%3D%22%23f8c300%22%20transform%3D%22translate(320%20260.6)scale(.68571)%22%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20href%3D%22%23SVGg0EkrdFh%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%23SVGg0EkrdFh%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%23SVGg0EkrdFh%22%20transform%3D%22translate(-140)%22%2F%3E%3C%2Fg%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23f8c300%22%20href%3D%22%23SVGbPmeZDxH%22%20transform%3D%22matrix(-1%200%200%201%20640%200)%22%2F%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%20640%20480%22%3E%3Cpath%20fill%3D%22%23060%22%20d%3D%22M0%200h640v480H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h640v342.9H0z%22%2F%3E%3Cpath%20fill%3D%22%23c00%22%20d%3D%22M0%200h640v137.1H0z%22%2F%3E%3Cpath%20fill%3D%22%23f8c300%22%20d%3D%22M300.8%20233.6a8.6%208.6%200%200%201%2016%204V272h6.4v-34.3a8.6%208.6%200%200%201%2016-4a20.2%2020.2%200%201%200-38.4%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M305.4%20224.7a14%2014%200%200%201%2014.6%206.5a14%2014%200%200%201%2014.6-6.5a14.7%2014.7%200%200%200-29.2%200%22%2F%3E%3Cpath%20id%3D%22SVGs76QPcLG%22%20fill%3D%22%23f8c300%22%20d%3D%22M316.8%20258.3a26%2026%200%200%201-43.8%2016.6a27%2027%200%200%201-41%2012c2.5%2025%2040%2019.9%2042.8-4.4c11.7%2020.7%2037.6%2014.7%2045.2-10.6z%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23f8c300%22%20href%3D%22%23SVGs76QPcLG%22%20transform%3D%22matrix(-1%200%200%201%20640%200)%22%2F%3E%3Cpath%20id%3D%22SVG6rvGpb8L%22%20fill%3D%22%23f8c300%22%20d%3D%22M291.8%20302.6c-5.3%2011.3-15.7%2013.2-24.8%204.1c0%200%203.6-2.6%207.6-3.3c-.8-3.1.7-7.5%202.9-9.8a15%2015%200%200%201%206.1%208.1c5.5-.7%208.2%201%208.2%201z%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23f8c300%22%20href%3D%22%23SVG6rvGpb8L%22%20transform%3D%22rotate(9.4%20320%20551.3)%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23f8c300%22%20href%3D%22%23SVG6rvGpb8L%22%20transform%3D%22rotate(18.7%20320%20551.3)%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23f8c300%22%20stroke-width%3D%2211%22%20d%3D%22M253.5%20327.8a233%20233%200%200%201%20133%200%22%2F%3E%3Cg%20fill%3D%22%23f8c300%22%20transform%3D%22translate(320%20164.6)scale(.68571)%22%3E%3Cpath%20id%3D%22SVGg0EkrdFh%22%20d%3D%22m301930%20415571l-790463-574305h977066l-790463%20574305L0-513674z%22%20transform%3D%22scale(.00005)%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGbPmeZDxH%22%20fill%3D%22%23f8c300%22%20transform%3D%22translate(320%20260.6)scale(.68571)%22%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20href%3D%22%23SVGg0EkrdFh%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%23SVGg0EkrdFh%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%23SVGg0EkrdFh%22%20transform%3D%22translate(-140)%22%2F%3E%3C%2Fg%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23f8c300%22%20href%3D%22%23SVGbPmeZDxH%22%20transform%3D%22matrix(-1%200%200%201%20640%200)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/flag/tj-4x3.svg?color=%231a73e8&size=48