my logo

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

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 480"><g clip-path="url(#SVGUPYeychf)"><path fill="#c00" d="M0 0h640v480H0z"/><path fill="#c00" d="M0 0h640v34.3H0z"/><path fill="#fff" d="M0 34.3h640v34.3H0z"/><path fill="#c00" d="M0 68.6h640v34.3H0z"/><path fill="#fff" d="M0 102.9h640V137H0z"/><path fill="#c00" d="M0 137.1h640v34.3H0z"/><path fill="#fff" d="M0 171.4h640v34.3H0z"/><path fill="#c00" d="M0 205.7h640V240H0z"/><path fill="#fff" d="M0 240h640v34.3H0z"/><path fill="#c00" d="M0 274.3h640v34.3H0z"/><path fill="#fff" d="M0 308.6h640v34.3H0z"/><path fill="#c00" d="M0 342.9h640V377H0z"/><path fill="#fff" d="M0 377.1h640v34.3H0z"/><path fill="#c00" d="M0 411.4h640v34.3H0z"/><path fill="#fff" d="M0 445.7h640V480H0z"/><path fill="#006" d="M0 .5h320v274.3H0z"/><path fill="#fc0" d="m207.5 73.8l6 40.7l23-34l-12.4 39.2l35.5-20.8l-28.1 30l41-3.2l-38.3 14.8l38.3 14.8l-41-3.2l28.1 30l-35.5-20.8l12.3 39.3l-23-34.1l-6 40.7l-5.9-40.7l-23 34l12.4-39.2l-35.5 20.8l28-30l-41 3.2l38.4-14.8l-38.3-14.8l41 3.2l-28.1-30l35.5 20.8l-12.4-39.3l23 34.1zm-33.3 1.7a71 71 0 0 0-100 65a71 71 0 0 0 100 65a80 80 0 0 1-83.2 6.2a80 80 0 0 1-43.4-71.2a80 80 0 0 1 126.6-65"/></g><defs><clipPath id="SVGUPYeychf"><path fill="#fff" d="M0 0h640v480H0z"/></clipPath></defs></svg>

React

import type { SVGProps } from "react";

export function FlagMy4x3(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 480"><g clipPath="url(#SVGUPYeychf)"><path fill="#c00" d="M0 0h640v480H0z"/><path fill="#c00" d="M0 0h640v34.3H0z"/><path fill="#fff" d="M0 34.3h640v34.3H0z"/><path fill="#c00" d="M0 68.6h640v34.3H0z"/><path fill="#fff" d="M0 102.9h640V137H0z"/><path fill="#c00" d="M0 137.1h640v34.3H0z"/><path fill="#fff" d="M0 171.4h640v34.3H0z"/><path fill="#c00" d="M0 205.7h640V240H0z"/><path fill="#fff" d="M0 240h640v34.3H0z"/><path fill="#c00" d="M0 274.3h640v34.3H0z"/><path fill="#fff" d="M0 308.6h640v34.3H0z"/><path fill="#c00" d="M0 342.9h640V377H0z"/><path fill="#fff" d="M0 377.1h640v34.3H0z"/><path fill="#c00" d="M0 411.4h640v34.3H0z"/><path fill="#fff" d="M0 445.7h640V480H0z"/><path fill="#006" d="M0 .5h320v274.3H0z"/><path fill="#fc0" d="m207.5 73.8l6 40.7l23-34l-12.4 39.2l35.5-20.8l-28.1 30l41-3.2l-38.3 14.8l38.3 14.8l-41-3.2l28.1 30l-35.5-20.8l12.3 39.3l-23-34.1l-6 40.7l-5.9-40.7l-23 34l12.4-39.2l-35.5 20.8l28-30l-41 3.2l38.4-14.8l-38.3-14.8l41 3.2l-28.1-30l35.5 20.8l-12.4-39.3l23 34.1zm-33.3 1.7a71 71 0 0 0-100 65a71 71 0 0 0 100 65a80 80 0 0 1-83.2 6.2a80 80 0 0 1-43.4-71.2a80 80 0 0 1 126.6-65"/></g><defs><clipPath id="SVGUPYeychf"><path fill="#fff" d="M0 0h640v480H0z"/></clipPath></defs></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 480"><g clip-path="url(#SVGUPYeychf)"><path fill="#c00" d="M0 0h640v480H0z"/><path fill="#c00" d="M0 0h640v34.3H0z"/><path fill="#fff" d="M0 34.3h640v34.3H0z"/><path fill="#c00" d="M0 68.6h640v34.3H0z"/><path fill="#fff" d="M0 102.9h640V137H0z"/><path fill="#c00" d="M0 137.1h640v34.3H0z"/><path fill="#fff" d="M0 171.4h640v34.3H0z"/><path fill="#c00" d="M0 205.7h640V240H0z"/><path fill="#fff" d="M0 240h640v34.3H0z"/><path fill="#c00" d="M0 274.3h640v34.3H0z"/><path fill="#fff" d="M0 308.6h640v34.3H0z"/><path fill="#c00" d="M0 342.9h640V377H0z"/><path fill="#fff" d="M0 377.1h640v34.3H0z"/><path fill="#c00" d="M0 411.4h640v34.3H0z"/><path fill="#fff" d="M0 445.7h640V480H0z"/><path fill="#006" d="M0 .5h320v274.3H0z"/><path fill="#fc0" d="m207.5 73.8l6 40.7l23-34l-12.4 39.2l35.5-20.8l-28.1 30l41-3.2l-38.3 14.8l38.3 14.8l-41-3.2l28.1 30l-35.5-20.8l12.3 39.3l-23-34.1l-6 40.7l-5.9-40.7l-23 34l12.4-39.2l-35.5 20.8l28-30l-41 3.2l38.4-14.8l-38.3-14.8l41 3.2l-28.1-30l35.5 20.8l-12.4-39.3l23 34.1zm-33.3 1.7a71 71 0 0 0-100 65a71 71 0 0 0 100 65a80 80 0 0 1-83.2 6.2a80 80 0 0 1-43.4-71.2a80 80 0 0 1 126.6-65"/></g><defs><clipPath id="SVGUPYeychf"><path fill="#fff" d="M0 0h640v480H0z"/></clipPath></defs></svg>
</template>

CSS

.icon-my-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%3Cg%20clip-path%3D%22url(%23SVGUPYeychf)%22%3E%3Cpath%20fill%3D%22%23c00%22%20d%3D%22M0%200h640v480H0z%22%2F%3E%3Cpath%20fill%3D%22%23c00%22%20d%3D%22M0%200h640v34.3H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%2034.3h640v34.3H0z%22%2F%3E%3Cpath%20fill%3D%22%23c00%22%20d%3D%22M0%2068.6h640v34.3H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%20102.9h640V137H0z%22%2F%3E%3Cpath%20fill%3D%22%23c00%22%20d%3D%22M0%20137.1h640v34.3H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%20171.4h640v34.3H0z%22%2F%3E%3Cpath%20fill%3D%22%23c00%22%20d%3D%22M0%20205.7h640V240H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%20240h640v34.3H0z%22%2F%3E%3Cpath%20fill%3D%22%23c00%22%20d%3D%22M0%20274.3h640v34.3H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%20308.6h640v34.3H0z%22%2F%3E%3Cpath%20fill%3D%22%23c00%22%20d%3D%22M0%20342.9h640V377H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%20377.1h640v34.3H0z%22%2F%3E%3Cpath%20fill%3D%22%23c00%22%20d%3D%22M0%20411.4h640v34.3H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%20445.7h640V480H0z%22%2F%3E%3Cpath%20fill%3D%22%23006%22%20d%3D%22M0%20.5h320v274.3H0z%22%2F%3E%3Cpath%20fill%3D%22%23fc0%22%20d%3D%22m207.5%2073.8l6%2040.7l23-34l-12.4%2039.2l35.5-20.8l-28.1%2030l41-3.2l-38.3%2014.8l38.3%2014.8l-41-3.2l28.1%2030l-35.5-20.8l12.3%2039.3l-23-34.1l-6%2040.7l-5.9-40.7l-23%2034l12.4-39.2l-35.5%2020.8l28-30l-41%203.2l38.4-14.8l-38.3-14.8l41%203.2l-28.1-30l35.5%2020.8l-12.4-39.3l23%2034.1zm-33.3%201.7a71%2071%200%200%200-100%2065a71%2071%200%200%200%20100%2065a80%2080%200%200%201-83.2%206.2a80%2080%200%200%201-43.4-71.2a80%2080%200%200%201%20126.6-65%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGUPYeychf%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h640v480H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%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%3Cg%20clip-path%3D%22url(%23SVGUPYeychf)%22%3E%3Cpath%20fill%3D%22%23c00%22%20d%3D%22M0%200h640v480H0z%22%2F%3E%3Cpath%20fill%3D%22%23c00%22%20d%3D%22M0%200h640v34.3H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%2034.3h640v34.3H0z%22%2F%3E%3Cpath%20fill%3D%22%23c00%22%20d%3D%22M0%2068.6h640v34.3H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%20102.9h640V137H0z%22%2F%3E%3Cpath%20fill%3D%22%23c00%22%20d%3D%22M0%20137.1h640v34.3H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%20171.4h640v34.3H0z%22%2F%3E%3Cpath%20fill%3D%22%23c00%22%20d%3D%22M0%20205.7h640V240H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%20240h640v34.3H0z%22%2F%3E%3Cpath%20fill%3D%22%23c00%22%20d%3D%22M0%20274.3h640v34.3H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%20308.6h640v34.3H0z%22%2F%3E%3Cpath%20fill%3D%22%23c00%22%20d%3D%22M0%20342.9h640V377H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%20377.1h640v34.3H0z%22%2F%3E%3Cpath%20fill%3D%22%23c00%22%20d%3D%22M0%20411.4h640v34.3H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%20445.7h640V480H0z%22%2F%3E%3Cpath%20fill%3D%22%23006%22%20d%3D%22M0%20.5h320v274.3H0z%22%2F%3E%3Cpath%20fill%3D%22%23fc0%22%20d%3D%22m207.5%2073.8l6%2040.7l23-34l-12.4%2039.2l35.5-20.8l-28.1%2030l41-3.2l-38.3%2014.8l38.3%2014.8l-41-3.2l28.1%2030l-35.5-20.8l12.3%2039.3l-23-34.1l-6%2040.7l-5.9-40.7l-23%2034l12.4-39.2l-35.5%2020.8l28-30l-41%203.2l38.4-14.8l-38.3-14.8l41%203.2l-28.1-30l35.5%2020.8l-12.4-39.3l23%2034.1zm-33.3%201.7a71%2071%200%200%200-100%2065a71%2071%200%200%200%20100%2065a80%2080%200%200%201-83.2%206.2a80%2080%200%200%201-43.4-71.2a80%2080%200%200%201%20126.6-65%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGUPYeychf%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h640v480H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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