tf logo

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

Name: tf-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 tf logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 480"><defs><path id="SVG37eRWdSg" fill="#fff" d="m0-21l12.3 38L-20-6.5h40L-12.3 17z"/></defs><path fill="#002395" d="M0 0h640v480H0z"/><path fill="#fff" d="M0 0h292.8v196.8H0z"/><path fill="#002395" d="M0 0h96v192H0z"/><path fill="#ed2939" d="M192 0h96v192h-96z"/><path fill="#fff" d="m426 219.6l15.4 24.6h44V330l-33-51.6l-44.4 70.8h21.6l22.8-40.8l46.8 84l46.8-84l22.8 40.8h21.6L546 278.4L513 330v-47.4h19.8l14.7-23.4H513v-15h44l15.4-24.6zm51.6 105h-48v16.8h48zm91.2 0h-48v16.8h48z"/><use width="100%" height="100%" x="416" y="362" href="#SVG37eRWdSg" transform="scale(1.2)"/><use width="100%" height="100%" x="371" y="328" href="#SVG37eRWdSg" transform="scale(1.2)"/><use width="100%" height="100%" x="461" y="328" href="#SVG37eRWdSg" transform="scale(1.2)"/><use width="100%" height="100%" x="333" y="227" href="#SVG37eRWdSg" transform="scale(1.2)"/><use width="100%" height="100%" x="499" y="227" href="#SVG37eRWdSg" transform="scale(1.2)"/></svg>

React

import type { SVGProps } from "react";

export function FlagTf4x3(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 480"><defs><path id="SVG37eRWdSg" fill="#fff" d="m0-21l12.3 38L-20-6.5h40L-12.3 17z"/></defs><path fill="#002395" d="M0 0h640v480H0z"/><path fill="#fff" d="M0 0h292.8v196.8H0z"/><path fill="#002395" d="M0 0h96v192H0z"/><path fill="#ed2939" d="M192 0h96v192h-96z"/><path fill="#fff" d="m426 219.6l15.4 24.6h44V330l-33-51.6l-44.4 70.8h21.6l22.8-40.8l46.8 84l46.8-84l22.8 40.8h21.6L546 278.4L513 330v-47.4h19.8l14.7-23.4H513v-15h44l15.4-24.6zm51.6 105h-48v16.8h48zm91.2 0h-48v16.8h48z"/><use width="100%" height="100%" x="416" y="362" href="#SVG37eRWdSg" transform="scale(1.2)"/><use width="100%" height="100%" x="371" y="328" href="#SVG37eRWdSg" transform="scale(1.2)"/><use width="100%" height="100%" x="461" y="328" href="#SVG37eRWdSg" transform="scale(1.2)"/><use width="100%" height="100%" x="333" y="227" href="#SVG37eRWdSg" transform="scale(1.2)"/><use width="100%" height="100%" x="499" y="227" href="#SVG37eRWdSg" transform="scale(1.2)"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 480"><defs><path id="SVG37eRWdSg" fill="#fff" d="m0-21l12.3 38L-20-6.5h40L-12.3 17z"/></defs><path fill="#002395" d="M0 0h640v480H0z"/><path fill="#fff" d="M0 0h292.8v196.8H0z"/><path fill="#002395" d="M0 0h96v192H0z"/><path fill="#ed2939" d="M192 0h96v192h-96z"/><path fill="#fff" d="m426 219.6l15.4 24.6h44V330l-33-51.6l-44.4 70.8h21.6l22.8-40.8l46.8 84l46.8-84l22.8 40.8h21.6L546 278.4L513 330v-47.4h19.8l14.7-23.4H513v-15h44l15.4-24.6zm51.6 105h-48v16.8h48zm91.2 0h-48v16.8h48z"/><use width="100%" height="100%" x="416" y="362" href="#SVG37eRWdSg" transform="scale(1.2)"/><use width="100%" height="100%" x="371" y="328" href="#SVG37eRWdSg" transform="scale(1.2)"/><use width="100%" height="100%" x="461" y="328" href="#SVG37eRWdSg" transform="scale(1.2)"/><use width="100%" height="100%" x="333" y="227" href="#SVG37eRWdSg" transform="scale(1.2)"/><use width="100%" height="100%" x="499" y="227" href="#SVG37eRWdSg" transform="scale(1.2)"/></svg>
</template>

CSS

.icon-tf-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%3Cdefs%3E%3Cpath%20id%3D%22SVG37eRWdSg%22%20fill%3D%22%23fff%22%20d%3D%22m0-21l12.3%2038L-20-6.5h40L-12.3%2017z%22%2F%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23002395%22%20d%3D%22M0%200h640v480H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h292.8v196.8H0z%22%2F%3E%3Cpath%20fill%3D%22%23002395%22%20d%3D%22M0%200h96v192H0z%22%2F%3E%3Cpath%20fill%3D%22%23ed2939%22%20d%3D%22M192%200h96v192h-96z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m426%20219.6l15.4%2024.6h44V330l-33-51.6l-44.4%2070.8h21.6l22.8-40.8l46.8%2084l46.8-84l22.8%2040.8h21.6L546%20278.4L513%20330v-47.4h19.8l14.7-23.4H513v-15h44l15.4-24.6zm51.6%20105h-48v16.8h48zm91.2%200h-48v16.8h48z%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20x%3D%22416%22%20y%3D%22362%22%20href%3D%22%23SVG37eRWdSg%22%20transform%3D%22scale(1.2)%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20x%3D%22371%22%20y%3D%22328%22%20href%3D%22%23SVG37eRWdSg%22%20transform%3D%22scale(1.2)%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20x%3D%22461%22%20y%3D%22328%22%20href%3D%22%23SVG37eRWdSg%22%20transform%3D%22scale(1.2)%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20x%3D%22333%22%20y%3D%22227%22%20href%3D%22%23SVG37eRWdSg%22%20transform%3D%22scale(1.2)%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20x%3D%22499%22%20y%3D%22227%22%20href%3D%22%23SVG37eRWdSg%22%20transform%3D%22scale(1.2)%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%3Cdefs%3E%3Cpath%20id%3D%22SVG37eRWdSg%22%20fill%3D%22%23fff%22%20d%3D%22m0-21l12.3%2038L-20-6.5h40L-12.3%2017z%22%2F%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23002395%22%20d%3D%22M0%200h640v480H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h292.8v196.8H0z%22%2F%3E%3Cpath%20fill%3D%22%23002395%22%20d%3D%22M0%200h96v192H0z%22%2F%3E%3Cpath%20fill%3D%22%23ed2939%22%20d%3D%22M192%200h96v192h-96z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m426%20219.6l15.4%2024.6h44V330l-33-51.6l-44.4%2070.8h21.6l22.8-40.8l46.8%2084l46.8-84l22.8%2040.8h21.6L546%20278.4L513%20330v-47.4h19.8l14.7-23.4H513v-15h44l15.4-24.6zm51.6%20105h-48v16.8h48zm91.2%200h-48v16.8h48z%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20x%3D%22416%22%20y%3D%22362%22%20href%3D%22%23SVG37eRWdSg%22%20transform%3D%22scale(1.2)%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20x%3D%22371%22%20y%3D%22328%22%20href%3D%22%23SVG37eRWdSg%22%20transform%3D%22scale(1.2)%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20x%3D%22461%22%20y%3D%22328%22%20href%3D%22%23SVG37eRWdSg%22%20transform%3D%22scale(1.2)%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20x%3D%22333%22%20y%3D%22227%22%20href%3D%22%23SVG37eRWdSg%22%20transform%3D%22scale(1.2)%22%2F%3E%3Cuse%20width%3D%22100%25%22%20height%3D%22100%25%22%20x%3D%22499%22%20y%3D%22227%22%20href%3D%22%23SVG37eRWdSg%22%20transform%3D%22scale(1.2)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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