identification card emoji
identification-card from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- identification-card
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More objects icons from Fluent Emoji Flat
Use the identification card emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#26c9fc" d="M27.8 30H4.2C3 30 2 29 2 27.8V14.2C2 13 3 12 4.2 12h23.5c1.3 0 2.3 1 2.3 2.2v13.5c0 1.3-1 2.3-2.2 2.3"/><path fill="#f4f4f4" d="M26.405 28h-11.81c-.297 0-.595-.194-.595-.58v-1.84c0-.29.198-.58.595-.58h11.81c.297 0 .595.194.595.58v1.84c0 .29-.298.58-.595.58"/><path fill="#fff" d="M11.024 23H4.976c-.393 0-.785.741-.923.328Q4 23.178 4 23v-8c0-.5.39-1 .976-1h6.048c.488 0 .976.4.976 1v8q0 .108-.017.208c-.08.483-.444-.208-.959-.208"/><path fill="#0074ba" d="M14.5 15a.5.5 0 0 0 0 1h12a.5.5 0 1 0 0-1zm-.5 3.5a.5.5 0 0 1 .5-.5h12a.5.5 0 1 1 0 1h-12a.5.5 0 0 1-.5-.5m0 3a.5.5 0 0 1 .5-.5h12a.5.5 0 1 1 0 1h-12a.5.5 0 0 1-.5-.5"/><path fill="#321b41" d="M8.476 15h-.98c-1.076 0-1.86.92-1.762 2.045l.04.53a.71.71 0 0 0-.53.698c0 .379.282.689.639.714l.047.615c.077.643.517 1.223 1.13 1.442c-1.274.283-2.364 1.084-3.06 2.181c.11.474.53.775.951.775h6.07c.587 0 .979-.41.979-1.023a4.87 4.87 0 0 0-2.995-1.955c.564-.218.964-.733 1.037-1.42l.047-.615a.704.704 0 0 0 .638-.714a.71.71 0 0 0-.53-.698l.04-.53c.1-1.125-.781-2.045-1.76-2.045M15.5 27h10c.2 0 .5-.2.5-.5s-.2-.5-.5-.5h-10c-.3 0-.5.2-.5.5s.2.5.5.5"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatIdentificationCard(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#26c9fc" d="M27.8 30H4.2C3 30 2 29 2 27.8V14.2C2 13 3 12 4.2 12h23.5c1.3 0 2.3 1 2.3 2.2v13.5c0 1.3-1 2.3-2.2 2.3"/><path fill="#f4f4f4" d="M26.405 28h-11.81c-.297 0-.595-.194-.595-.58v-1.84c0-.29.198-.58.595-.58h11.81c.297 0 .595.194.595.58v1.84c0 .29-.298.58-.595.58"/><path fill="#fff" d="M11.024 23H4.976c-.393 0-.785.741-.923.328Q4 23.178 4 23v-8c0-.5.39-1 .976-1h6.048c.488 0 .976.4.976 1v8q0 .108-.017.208c-.08.483-.444-.208-.959-.208"/><path fill="#0074ba" d="M14.5 15a.5.5 0 0 0 0 1h12a.5.5 0 1 0 0-1zm-.5 3.5a.5.5 0 0 1 .5-.5h12a.5.5 0 1 1 0 1h-12a.5.5 0 0 1-.5-.5m0 3a.5.5 0 0 1 .5-.5h12a.5.5 0 1 1 0 1h-12a.5.5 0 0 1-.5-.5"/><path fill="#321b41" d="M8.476 15h-.98c-1.076 0-1.86.92-1.762 2.045l.04.53a.71.71 0 0 0-.53.698c0 .379.282.689.639.714l.047.615c.077.643.517 1.223 1.13 1.442c-1.274.283-2.364 1.084-3.06 2.181c.11.474.53.775.951.775h6.07c.587 0 .979-.41.979-1.023a4.87 4.87 0 0 0-2.995-1.955c.564-.218.964-.733 1.037-1.42l.047-.615a.704.704 0 0 0 .638-.714a.71.71 0 0 0-.53-.698l.04-.53c.1-1.125-.781-2.045-1.76-2.045M15.5 27h10c.2 0 .5-.2.5-.5s-.2-.5-.5-.5h-10c-.3 0-.5.2-.5.5s.2.5.5.5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#26c9fc" d="M27.8 30H4.2C3 30 2 29 2 27.8V14.2C2 13 3 12 4.2 12h23.5c1.3 0 2.3 1 2.3 2.2v13.5c0 1.3-1 2.3-2.2 2.3"/><path fill="#f4f4f4" d="M26.405 28h-11.81c-.297 0-.595-.194-.595-.58v-1.84c0-.29.198-.58.595-.58h11.81c.297 0 .595.194.595.58v1.84c0 .29-.298.58-.595.58"/><path fill="#fff" d="M11.024 23H4.976c-.393 0-.785.741-.923.328Q4 23.178 4 23v-8c0-.5.39-1 .976-1h6.048c.488 0 .976.4.976 1v8q0 .108-.017.208c-.08.483-.444-.208-.959-.208"/><path fill="#0074ba" d="M14.5 15a.5.5 0 0 0 0 1h12a.5.5 0 1 0 0-1zm-.5 3.5a.5.5 0 0 1 .5-.5h12a.5.5 0 1 1 0 1h-12a.5.5 0 0 1-.5-.5m0 3a.5.5 0 0 1 .5-.5h12a.5.5 0 1 1 0 1h-12a.5.5 0 0 1-.5-.5"/><path fill="#321b41" d="M8.476 15h-.98c-1.076 0-1.86.92-1.762 2.045l.04.53a.71.71 0 0 0-.53.698c0 .379.282.689.639.714l.047.615c.077.643.517 1.223 1.13 1.442c-1.274.283-2.364 1.084-3.06 2.181c.11.474.53.775.951.775h6.07c.587 0 .979-.41.979-1.023a4.87 4.87 0 0 0-2.995-1.955c.564-.218.964-.733 1.037-1.42l.047-.615a.704.704 0 0 0 .638-.714a.71.71 0 0 0-.53-.698l.04-.53c.1-1.125-.781-2.045-1.76-2.045M15.5 27h10c.2 0 .5-.2.5-.5s-.2-.5-.5-.5h-10c-.3 0-.5.2-.5.5s.2.5.5.5"/></g></svg> </template>
CSS
.icon-identification-card {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2326c9fc%22%20d%3D%22M27.8%2030H4.2C3%2030%202%2029%202%2027.8V14.2C2%2013%203%2012%204.2%2012h23.5c1.3%200%202.3%201%202.3%202.2v13.5c0%201.3-1%202.3-2.2%202.3%22%2F%3E%3Cpath%20fill%3D%22%23f4f4f4%22%20d%3D%22M26.405%2028h-11.81c-.297%200-.595-.194-.595-.58v-1.84c0-.29.198-.58.595-.58h11.81c.297%200%20.595.194.595.58v1.84c0%20.29-.298.58-.595.58%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.024%2023H4.976c-.393%200-.785.741-.923.328Q4%2023.178%204%2023v-8c0-.5.39-1%20.976-1h6.048c.488%200%20.976.4.976%201v8q0%20.108-.017.208c-.08.483-.444-.208-.959-.208%22%2F%3E%3Cpath%20fill%3D%22%230074ba%22%20d%3D%22M14.5%2015a.5.5%200%200%200%200%201h12a.5.5%200%201%200%200-1zm-.5%203.5a.5.5%200%200%201%20.5-.5h12a.5.5%200%201%201%200%201h-12a.5.5%200%200%201-.5-.5m0%203a.5.5%200%200%201%20.5-.5h12a.5.5%200%201%201%200%201h-12a.5.5%200%200%201-.5-.5%22%2F%3E%3Cpath%20fill%3D%22%23321b41%22%20d%3D%22M8.476%2015h-.98c-1.076%200-1.86.92-1.762%202.045l.04.53a.71.71%200%200%200-.53.698c0%20.379.282.689.639.714l.047.615c.077.643.517%201.223%201.13%201.442c-1.274.283-2.364%201.084-3.06%202.181c.11.474.53.775.951.775h6.07c.587%200%20.979-.41.979-1.023a4.87%204.87%200%200%200-2.995-1.955c.564-.218.964-.733%201.037-1.42l.047-.615a.704.704%200%200%200%20.638-.714a.71.71%200%200%200-.53-.698l.04-.53c.1-1.125-.781-2.045-1.76-2.045M15.5%2027h10c.2%200%20.5-.2.5-.5s-.2-.5-.5-.5h-10c-.3%200-.5.2-.5.5s.2.5.5.5%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2326c9fc%22%20d%3D%22M27.8%2030H4.2C3%2030%202%2029%202%2027.8V14.2C2%2013%203%2012%204.2%2012h23.5c1.3%200%202.3%201%202.3%202.2v13.5c0%201.3-1%202.3-2.2%202.3%22%2F%3E%3Cpath%20fill%3D%22%23f4f4f4%22%20d%3D%22M26.405%2028h-11.81c-.297%200-.595-.194-.595-.58v-1.84c0-.29.198-.58.595-.58h11.81c.297%200%20.595.194.595.58v1.84c0%20.29-.298.58-.595.58%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.024%2023H4.976c-.393%200-.785.741-.923.328Q4%2023.178%204%2023v-8c0-.5.39-1%20.976-1h6.048c.488%200%20.976.4.976%201v8q0%20.108-.017.208c-.08.483-.444-.208-.959-.208%22%2F%3E%3Cpath%20fill%3D%22%230074ba%22%20d%3D%22M14.5%2015a.5.5%200%200%200%200%201h12a.5.5%200%201%200%200-1zm-.5%203.5a.5.5%200%200%201%20.5-.5h12a.5.5%200%201%201%200%201h-12a.5.5%200%200%201-.5-.5m0%203a.5.5%200%200%201%20.5-.5h12a.5.5%200%201%201%200%201h-12a.5.5%200%200%201-.5-.5%22%2F%3E%3Cpath%20fill%3D%22%23321b41%22%20d%3D%22M8.476%2015h-.98c-1.076%200-1.86.92-1.762%202.045l.04.53a.71.71%200%200%200-.53.698c0%20.379.282.689.639.714l.047.615c.077.643.517%201.223%201.13%201.442c-1.274.283-2.364%201.084-3.06%202.181c.11.474.53.775.951.775h6.07c.587%200%20.979-.41.979-1.023a4.87%204.87%200%200%200-2.995-1.955c.564-.218.964-.733%201.037-1.42l.047-.615a.704.704%200%200%200%20.638-.714a.71.71%200%200%200-.53-.698l.04-.53c.1-1.125-.781-2.045-1.76-2.045M15.5%2027h10c.2%200%20.5-.2.5-.5s-.2-.5-.5-.5h-10c-.3%200-.5.2-.5.5s.2.5.5.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/identification-card.svg?color=%231a73e8&size=48
