european name badge emoji
european-name-badge from OpenMoji by OpenMoji · Default · Extras Openmoji · CC-BY-SA-4.0 Attribution required.
- Name
- european-name-badge
- Set
- OpenMoji
- Style
- Default
- Category
- Extras Openmoji
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
More extras openmoji icons from OpenMoji
Use the european name badge emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><rect width="62.599" height="38.705" x="4.7" y="20.147" fill="#d0cfce" rx="3.409" ry="3.409"/><rect width="9.003" height="15.673" x="31.396" y="10.599" fill="#9b9b9a" rx="1.557" ry="1.557"/><path fill="#9b9b9a" d="M17.403 30.65h37.704a5.747 5.747 0 0 1 5.747 5.748v14.304a2.92 2.92 0 0 1-2.919 2.919H12.783a2.92 2.92 0 0 1-2.918-2.919V38.19a7.54 7.54 0 0 1 7.538-7.538"/><rect width="48" height="19.731" x="11.474" y="31.367" fill="#fff" rx="2.918" ry="2.918"/><g fill="none" stroke="#000" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M40.502 20.647H63.89a3.41 3.41 0 0 1 3.41 3.41v31.886a3.41 3.41 0 0 1-3.41 3.41H8.11a3.41 3.41 0 0 1-3.41-3.41V24.057a3.41 3.41 0 0 1 3.41-3.41h23.286"/><rect width="48" height="19.731" x="11.474" y="31.367" stroke-linecap="round" stroke-linejoin="round" rx="2.918" ry="2.918"/><path stroke-linecap="round" stroke-linejoin="round" d="M52.396 38.141h-4v7h4m-4-3.5h3m-17 3.5l-3-7l-3 7m1-1.676h4m-14 1.676v-7l5 7v-7m20 7v-7l-3 6l-3-6v7"/><rect width="9.003" height="15.673" x="31.499" y="10.237" stroke-miterlimit="10" rx="1.557" ry="1.557"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiEuropeanNameBadge(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><rect width="62.599" height="38.705" x="4.7" y="20.147" fill="#d0cfce" rx="3.409" ry="3.409"/><rect width="9.003" height="15.673" x="31.396" y="10.599" fill="#9b9b9a" rx="1.557" ry="1.557"/><path fill="#9b9b9a" d="M17.403 30.65h37.704a5.747 5.747 0 0 1 5.747 5.748v14.304a2.92 2.92 0 0 1-2.919 2.919H12.783a2.92 2.92 0 0 1-2.918-2.919V38.19a7.54 7.54 0 0 1 7.538-7.538"/><rect width="48" height="19.731" x="11.474" y="31.367" fill="#fff" rx="2.918" ry="2.918"/><g fill="none" stroke="#000" strokeWidth="2"><path strokeLinecap="round" strokeLinejoin="round" d="M40.502 20.647H63.89a3.41 3.41 0 0 1 3.41 3.41v31.886a3.41 3.41 0 0 1-3.41 3.41H8.11a3.41 3.41 0 0 1-3.41-3.41V24.057a3.41 3.41 0 0 1 3.41-3.41h23.286"/><rect width="48" height="19.731" x="11.474" y="31.367" strokeLinecap="round" strokeLinejoin="round" rx="2.918" ry="2.918"/><path strokeLinecap="round" strokeLinejoin="round" d="M52.396 38.141h-4v7h4m-4-3.5h3m-17 3.5l-3-7l-3 7m1-1.676h4m-14 1.676v-7l5 7v-7m20 7v-7l-3 6l-3-6v7"/><rect width="9.003" height="15.673" x="31.499" y="10.237" strokeMiterlimit="10" rx="1.557" ry="1.557"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><rect width="62.599" height="38.705" x="4.7" y="20.147" fill="#d0cfce" rx="3.409" ry="3.409"/><rect width="9.003" height="15.673" x="31.396" y="10.599" fill="#9b9b9a" rx="1.557" ry="1.557"/><path fill="#9b9b9a" d="M17.403 30.65h37.704a5.747 5.747 0 0 1 5.747 5.748v14.304a2.92 2.92 0 0 1-2.919 2.919H12.783a2.92 2.92 0 0 1-2.918-2.919V38.19a7.54 7.54 0 0 1 7.538-7.538"/><rect width="48" height="19.731" x="11.474" y="31.367" fill="#fff" rx="2.918" ry="2.918"/><g fill="none" stroke="#000" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M40.502 20.647H63.89a3.41 3.41 0 0 1 3.41 3.41v31.886a3.41 3.41 0 0 1-3.41 3.41H8.11a3.41 3.41 0 0 1-3.41-3.41V24.057a3.41 3.41 0 0 1 3.41-3.41h23.286"/><rect width="48" height="19.731" x="11.474" y="31.367" stroke-linecap="round" stroke-linejoin="round" rx="2.918" ry="2.918"/><path stroke-linecap="round" stroke-linejoin="round" d="M52.396 38.141h-4v7h4m-4-3.5h3m-17 3.5l-3-7l-3 7m1-1.676h4m-14 1.676v-7l5 7v-7m20 7v-7l-3 6l-3-6v7"/><rect width="9.003" height="15.673" x="31.499" y="10.237" stroke-miterlimit="10" rx="1.557" ry="1.557"/></g></svg> </template>
CSS
.icon-european-name-badge {
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%3Crect%20width%3D%2262.599%22%20height%3D%2238.705%22%20x%3D%224.7%22%20y%3D%2220.147%22%20fill%3D%22%23d0cfce%22%20rx%3D%223.409%22%20ry%3D%223.409%22%2F%3E%3Crect%20width%3D%229.003%22%20height%3D%2215.673%22%20x%3D%2231.396%22%20y%3D%2210.599%22%20fill%3D%22%239b9b9a%22%20rx%3D%221.557%22%20ry%3D%221.557%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M17.403%2030.65h37.704a5.747%205.747%200%200%201%205.747%205.748v14.304a2.92%202.92%200%200%201-2.919%202.919H12.783a2.92%202.92%200%200%201-2.918-2.919V38.19a7.54%207.54%200%200%201%207.538-7.538%22%2F%3E%3Crect%20width%3D%2248%22%20height%3D%2219.731%22%20x%3D%2211.474%22%20y%3D%2231.367%22%20fill%3D%22%23fff%22%20rx%3D%222.918%22%20ry%3D%222.918%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M40.502%2020.647H63.89a3.41%203.41%200%200%201%203.41%203.41v31.886a3.41%203.41%200%200%201-3.41%203.41H8.11a3.41%203.41%200%200%201-3.41-3.41V24.057a3.41%203.41%200%200%201%203.41-3.41h23.286%22%2F%3E%3Crect%20width%3D%2248%22%20height%3D%2219.731%22%20x%3D%2211.474%22%20y%3D%2231.367%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20rx%3D%222.918%22%20ry%3D%222.918%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M52.396%2038.141h-4v7h4m-4-3.5h3m-17%203.5l-3-7l-3%207m1-1.676h4m-14%201.676v-7l5%207v-7m20%207v-7l-3%206l-3-6v7%22%2F%3E%3Crect%20width%3D%229.003%22%20height%3D%2215.673%22%20x%3D%2231.499%22%20y%3D%2210.237%22%20stroke-miterlimit%3D%2210%22%20rx%3D%221.557%22%20ry%3D%221.557%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%3Crect%20width%3D%2262.599%22%20height%3D%2238.705%22%20x%3D%224.7%22%20y%3D%2220.147%22%20fill%3D%22%23d0cfce%22%20rx%3D%223.409%22%20ry%3D%223.409%22%2F%3E%3Crect%20width%3D%229.003%22%20height%3D%2215.673%22%20x%3D%2231.396%22%20y%3D%2210.599%22%20fill%3D%22%239b9b9a%22%20rx%3D%221.557%22%20ry%3D%221.557%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M17.403%2030.65h37.704a5.747%205.747%200%200%201%205.747%205.748v14.304a2.92%202.92%200%200%201-2.919%202.919H12.783a2.92%202.92%200%200%201-2.918-2.919V38.19a7.54%207.54%200%200%201%207.538-7.538%22%2F%3E%3Crect%20width%3D%2248%22%20height%3D%2219.731%22%20x%3D%2211.474%22%20y%3D%2231.367%22%20fill%3D%22%23fff%22%20rx%3D%222.918%22%20ry%3D%222.918%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M40.502%2020.647H63.89a3.41%203.41%200%200%201%203.41%203.41v31.886a3.41%203.41%200%200%201-3.41%203.41H8.11a3.41%203.41%200%200%201-3.41-3.41V24.057a3.41%203.41%200%200%201%203.41-3.41h23.286%22%2F%3E%3Crect%20width%3D%2248%22%20height%3D%2219.731%22%20x%3D%2211.474%22%20y%3D%2231.367%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20rx%3D%222.918%22%20ry%3D%222.918%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M52.396%2038.141h-4v7h4m-4-3.5h3m-17%203.5l-3-7l-3%207m1-1.676h4m-14%201.676v-7l5%207v-7m20%207v-7l-3%206l-3-6v7%22%2F%3E%3Crect%20width%3D%229.003%22%20height%3D%2215.673%22%20x%3D%2231.499%22%20y%3D%2210.237%22%20stroke-miterlimit%3D%2210%22%20rx%3D%221.557%22%20ry%3D%221.557%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/european-name-badge.svg?color=%231a73e8&size=48
