berlin flag emoji
berlin-flag from OpenMoji by OpenMoji · Default · Extras Unicode · CC-BY-SA-4.0 Attribution required.
- Name
- berlin-flag
- Set
- OpenMoji
- Style
- Default
- Category
- Extras Unicode
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
More extras unicode icons from OpenMoji
alabama-flagandalusia-flaganticlockwise-triangle-headed-top-u-shaped-arrowaragon-flagasturian-flagbalearic-islands-flagbari-flagbasque-flagbavaria-flagblack-chess-bishopblack-chess-kingblack-chess-knightblack-chess-queenblack-chess-rookblack-hexagonblack-large-circleblack-octagonblack-pentagonblack-rectangleblack-starblack-vertical-ellipseblack-vertical-rectangleboys-symbolbretagne-flag
Use the berlin flag emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M67 17H5.32v37.804H67z"/><path fill="#d22f27" d="M5 17h62v8H5zm0 30h62v8H5z"/><g stroke="#000" stroke-linecap="round"><path fill="none" stroke-linejoin="round" stroke-width="2" d="M67 17H5v38h62z"/><path fill="none" stroke-linejoin="bevel" d="M29 29h2.5"/><path fill-rule="evenodd" stroke-linejoin="round" d="M34.45 39.55c-.199 1.895-.006 2.834.556 4.637c-1.005 1.063-1.834 2.039-3.279 2.039l-.343-1.028l1.62-.51c-.911-1.067-2.173-2.229-2.002-3c-2.507.235-2.746 1.631-3.661 3.763l-3.004-1l.461-1.106l1.698.842c-.44-2.904.953-4.623 3.004-5.998c-.83-.677-.949-1.62-.95-2.607c-2.516.659-4.081.884-5.557-1.39l.5-1c1.767 3.186 2.876 1.52 5.085.225c-4.49-2.806-3.86-1.68-5.084-4.724l1-.5c.578 2.902 2.24 2.353 4.506 2.999l2.503-2c-.664-2.515-2.985-.183-3.004-2.498H30c1.595-1.816 3.339-.361 4.505-.5l-.501 1c.142 1.168.003 1.993-.5 2.999c1.236 1.85-.105 2.506-.381 4.573c-.111.83 1.116 3.144 1.326 4.786z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiBerlinFlag(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M67 17H5.32v37.804H67z"/><path fill="#d22f27" d="M5 17h62v8H5zm0 30h62v8H5z"/><g stroke="#000" strokeLinecap="round"><path fill="none" strokeLinejoin="round" strokeWidth="2" d="M67 17H5v38h62z"/><path fill="none" strokeLinejoin="bevel" d="M29 29h2.5"/><path fillRule="evenodd" strokeLinejoin="round" d="M34.45 39.55c-.199 1.895-.006 2.834.556 4.637c-1.005 1.063-1.834 2.039-3.279 2.039l-.343-1.028l1.62-.51c-.911-1.067-2.173-2.229-2.002-3c-2.507.235-2.746 1.631-3.661 3.763l-3.004-1l.461-1.106l1.698.842c-.44-2.904.953-4.623 3.004-5.998c-.83-.677-.949-1.62-.95-2.607c-2.516.659-4.081.884-5.557-1.39l.5-1c1.767 3.186 2.876 1.52 5.085.225c-4.49-2.806-3.86-1.68-5.084-4.724l1-.5c.578 2.902 2.24 2.353 4.506 2.999l2.503-2c-.664-2.515-2.985-.183-3.004-2.498H30c1.595-1.816 3.339-.361 4.505-.5l-.501 1c.142 1.168.003 1.993-.5 2.999c1.236 1.85-.105 2.506-.381 4.573c-.111.83 1.116 3.144 1.326 4.786z" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M67 17H5.32v37.804H67z"/><path fill="#d22f27" d="M5 17h62v8H5zm0 30h62v8H5z"/><g stroke="#000" stroke-linecap="round"><path fill="none" stroke-linejoin="round" stroke-width="2" d="M67 17H5v38h62z"/><path fill="none" stroke-linejoin="bevel" d="M29 29h2.5"/><path fill-rule="evenodd" stroke-linejoin="round" d="M34.45 39.55c-.199 1.895-.006 2.834.556 4.637c-1.005 1.063-1.834 2.039-3.279 2.039l-.343-1.028l1.62-.51c-.911-1.067-2.173-2.229-2.002-3c-2.507.235-2.746 1.631-3.661 3.763l-3.004-1l.461-1.106l1.698.842c-.44-2.904.953-4.623 3.004-5.998c-.83-.677-.949-1.62-.95-2.607c-2.516.659-4.081.884-5.557-1.39l.5-1c1.767 3.186 2.876 1.52 5.085.225c-4.49-2.806-3.86-1.68-5.084-4.724l1-.5c.578 2.902 2.24 2.353 4.506 2.999l2.503-2c-.664-2.515-2.985-.183-3.004-2.498H30c1.595-1.816 3.339-.361 4.505-.5l-.501 1c.142 1.168.003 1.993-.5 2.999c1.236 1.85-.105 2.506-.381 4.573c-.111.83 1.116 3.144 1.326 4.786z" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-berlin-flag {
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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M67%2017H5.32v37.804H67z%22%2F%3E%3Cpath%20fill%3D%22%23d22f27%22%20d%3D%22M5%2017h62v8H5zm0%2030h62v8H5z%22%2F%3E%3Cg%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20fill%3D%22none%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M67%2017H5v38h62z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke-linejoin%3D%22bevel%22%20d%3D%22M29%2029h2.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20d%3D%22M34.45%2039.55c-.199%201.895-.006%202.834.556%204.637c-1.005%201.063-1.834%202.039-3.279%202.039l-.343-1.028l1.62-.51c-.911-1.067-2.173-2.229-2.002-3c-2.507.235-2.746%201.631-3.661%203.763l-3.004-1l.461-1.106l1.698.842c-.44-2.904.953-4.623%203.004-5.998c-.83-.677-.949-1.62-.95-2.607c-2.516.659-4.081.884-5.557-1.39l.5-1c1.767%203.186%202.876%201.52%205.085.225c-4.49-2.806-3.86-1.68-5.084-4.724l1-.5c.578%202.902%202.24%202.353%204.506%202.999l2.503-2c-.664-2.515-2.985-.183-3.004-2.498H30c1.595-1.816%203.339-.361%204.505-.5l-.501%201c.142%201.168.003%201.993-.5%202.999c1.236%201.85-.105%202.506-.381%204.573c-.111.83%201.116%203.144%201.326%204.786z%22%20clip-rule%3D%22evenodd%22%2F%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M67%2017H5.32v37.804H67z%22%2F%3E%3Cpath%20fill%3D%22%23d22f27%22%20d%3D%22M5%2017h62v8H5zm0%2030h62v8H5z%22%2F%3E%3Cg%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20fill%3D%22none%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M67%2017H5v38h62z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke-linejoin%3D%22bevel%22%20d%3D%22M29%2029h2.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20d%3D%22M34.45%2039.55c-.199%201.895-.006%202.834.556%204.637c-1.005%201.063-1.834%202.039-3.279%202.039l-.343-1.028l1.62-.51c-.911-1.067-2.173-2.229-2.002-3c-2.507.235-2.746%201.631-3.661%203.763l-3.004-1l.461-1.106l1.698.842c-.44-2.904.953-4.623%203.004-5.998c-.83-.677-.949-1.62-.95-2.607c-2.516.659-4.081.884-5.557-1.39l.5-1c1.767%203.186%202.876%201.52%205.085.225c-4.49-2.806-3.86-1.68-5.084-4.724l1-.5c.578%202.902%202.24%202.353%204.506%202.999l2.503-2c-.664-2.515-2.985-.183-3.004-2.498H30c1.595-1.816%203.339-.361%204.505-.5l-.501%201c.142%201.168.003%201.993-.5%202.999c1.236%201.85-.105%202.506-.381%204.573c-.111.83%201.116%203.144%201.326%204.786z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/berlin-flag.svg?color=%231a73e8&size=48
