cn logo

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

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 480"><defs><path id="SVGkshJweqs" fill="#ff0" d="M-.6.8L0-1L.6.8L-1-.3h2z"/></defs><path fill="#ee1c25" d="M0 0h640v480H0z"/><use width="30" height="20" href="#SVGkshJweqs" transform="matrix(71.9991 0 0 72 120 120)"/><use width="30" height="20" href="#SVGkshJweqs" transform="rotate(239.07 133.748 -44.074)scale(23.99992 23.99978)"/><use width="30" height="20" href="#SVGkshJweqs" transform="rotate(-98.11 185.558 -77.035)scale(24 23.9997)"/><use width="30" height="20" href="#SVGkshJweqs" transform="matrix(6.5991 -23.0749 23.0746 6.59919 288 168)"/><use width="30" height="20" href="#SVGkshJweqs" transform="matrix(14.9991 -18.73557 18.73533 14.99929 240 216)"/></svg>

React

import type { SVGProps } from "react";

export function FlagCn4x3(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="SVGkshJweqs" fill="#ff0" d="M-.6.8L0-1L.6.8L-1-.3h2z"/></defs><path fill="#ee1c25" d="M0 0h640v480H0z"/><use width="30" height="20" href="#SVGkshJweqs" transform="matrix(71.9991 0 0 72 120 120)"/><use width="30" height="20" href="#SVGkshJweqs" transform="rotate(239.07 133.748 -44.074)scale(23.99992 23.99978)"/><use width="30" height="20" href="#SVGkshJweqs" transform="rotate(-98.11 185.558 -77.035)scale(24 23.9997)"/><use width="30" height="20" href="#SVGkshJweqs" transform="matrix(6.5991 -23.0749 23.0746 6.59919 288 168)"/><use width="30" height="20" href="#SVGkshJweqs" transform="matrix(14.9991 -18.73557 18.73533 14.99929 240 216)"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 480"><defs><path id="SVGkshJweqs" fill="#ff0" d="M-.6.8L0-1L.6.8L-1-.3h2z"/></defs><path fill="#ee1c25" d="M0 0h640v480H0z"/><use width="30" height="20" href="#SVGkshJweqs" transform="matrix(71.9991 0 0 72 120 120)"/><use width="30" height="20" href="#SVGkshJweqs" transform="rotate(239.07 133.748 -44.074)scale(23.99992 23.99978)"/><use width="30" height="20" href="#SVGkshJweqs" transform="rotate(-98.11 185.558 -77.035)scale(24 23.9997)"/><use width="30" height="20" href="#SVGkshJweqs" transform="matrix(6.5991 -23.0749 23.0746 6.59919 288 168)"/><use width="30" height="20" href="#SVGkshJweqs" transform="matrix(14.9991 -18.73557 18.73533 14.99929 240 216)"/></svg>
</template>

CSS

.icon-cn-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%22SVGkshJweqs%22%20fill%3D%22%23ff0%22%20d%3D%22M-.6.8L0-1L.6.8L-1-.3h2z%22%2F%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23ee1c25%22%20d%3D%22M0%200h640v480H0z%22%2F%3E%3Cuse%20width%3D%2230%22%20height%3D%2220%22%20href%3D%22%23SVGkshJweqs%22%20transform%3D%22matrix(71.9991%200%200%2072%20120%20120)%22%2F%3E%3Cuse%20width%3D%2230%22%20height%3D%2220%22%20href%3D%22%23SVGkshJweqs%22%20transform%3D%22rotate(239.07%20133.748%20-44.074)scale(23.99992%2023.99978)%22%2F%3E%3Cuse%20width%3D%2230%22%20height%3D%2220%22%20href%3D%22%23SVGkshJweqs%22%20transform%3D%22rotate(-98.11%20185.558%20-77.035)scale(24%2023.9997)%22%2F%3E%3Cuse%20width%3D%2230%22%20height%3D%2220%22%20href%3D%22%23SVGkshJweqs%22%20transform%3D%22matrix(6.5991%20-23.0749%2023.0746%206.59919%20288%20168)%22%2F%3E%3Cuse%20width%3D%2230%22%20height%3D%2220%22%20href%3D%22%23SVGkshJweqs%22%20transform%3D%22matrix(14.9991%20-18.73557%2018.73533%2014.99929%20240%20216)%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%22SVGkshJweqs%22%20fill%3D%22%23ff0%22%20d%3D%22M-.6.8L0-1L.6.8L-1-.3h2z%22%2F%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23ee1c25%22%20d%3D%22M0%200h640v480H0z%22%2F%3E%3Cuse%20width%3D%2230%22%20height%3D%2220%22%20href%3D%22%23SVGkshJweqs%22%20transform%3D%22matrix(71.9991%200%200%2072%20120%20120)%22%2F%3E%3Cuse%20width%3D%2230%22%20height%3D%2220%22%20href%3D%22%23SVGkshJweqs%22%20transform%3D%22rotate(239.07%20133.748%20-44.074)scale(23.99992%2023.99978)%22%2F%3E%3Cuse%20width%3D%2230%22%20height%3D%2220%22%20href%3D%22%23SVGkshJweqs%22%20transform%3D%22rotate(-98.11%20185.558%20-77.035)scale(24%2023.9997)%22%2F%3E%3Cuse%20width%3D%2230%22%20height%3D%2220%22%20href%3D%22%23SVGkshJweqs%22%20transform%3D%22matrix(6.5991%20-23.0749%2023.0746%206.59919%20288%20168)%22%2F%3E%3Cuse%20width%3D%2230%22%20height%3D%2220%22%20href%3D%22%23SVGkshJweqs%22%20transform%3D%22matrix(14.9991%20-18.73557%2018.73533%2014.99929%20240%20216)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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