identification card emoji
identification-card from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- identification-card
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Twitter Emoji
Use the identification card emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dfcebf" d="M35 26.5a1.5 1.5 0 0 1-1.5 1.5h-31A1.5 1.5 0 0 1 1 26.5v-19A1.5 1.5 0 0 1 2.5 6h31A1.5 1.5 0 0 1 35 7.5z"/><path fill="#fffff5" d="M14 23a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V13a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1z"/><path fill="#7d7585" d="M30 15H18a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2m-4 3a1 1 0 0 0-1-1h-7a1 1 0 0 0 0 2h7a1 1 0 0 0 1-1m3 4a1 1 0 0 0-1-1H18a1 1 0 0 0 0 2h10a1 1 0 0 0 1-1m-16 2a1 1 0 0 0 1-1v-.003a.74.74 0 0 0-.34-.623c-.702-.453-1.778-.825-2.746-.991v-.819c.638-.43 1.302-1.206 1.501-2.2c.059.033.066.054.132.054c.316 0 .545-.411.545-.917c0-.498-.263-.902-.572-.914c.06-.215.094-.503.094-.873c0-1.234-1.061-2.714-3.441-2.714c-2.115 0-3.439 1.481-3.439 2.714q.002.538.06.879c-.291.044-.52.431-.52.908c0 .506.257.917.573.917c.066 0 .008-.021.067-.054c.199.994.853 1.77 1.491 2.2v.77c-1.021.132-2.298.545-3.088 1.058a.7.7 0 0 0-.317.584V23a1 1 0 0 0 1 1zm6-15a1 1 0 0 0-1-1H5a1 1 0 0 0 0 2h13a1 1 0 0 0 1-1"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiIdentificationCard(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dfcebf" d="M35 26.5a1.5 1.5 0 0 1-1.5 1.5h-31A1.5 1.5 0 0 1 1 26.5v-19A1.5 1.5 0 0 1 2.5 6h31A1.5 1.5 0 0 1 35 7.5z"/><path fill="#fffff5" d="M14 23a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V13a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1z"/><path fill="#7d7585" d="M30 15H18a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2m-4 3a1 1 0 0 0-1-1h-7a1 1 0 0 0 0 2h7a1 1 0 0 0 1-1m3 4a1 1 0 0 0-1-1H18a1 1 0 0 0 0 2h10a1 1 0 0 0 1-1m-16 2a1 1 0 0 0 1-1v-.003a.74.74 0 0 0-.34-.623c-.702-.453-1.778-.825-2.746-.991v-.819c.638-.43 1.302-1.206 1.501-2.2c.059.033.066.054.132.054c.316 0 .545-.411.545-.917c0-.498-.263-.902-.572-.914c.06-.215.094-.503.094-.873c0-1.234-1.061-2.714-3.441-2.714c-2.115 0-3.439 1.481-3.439 2.714q.002.538.06.879c-.291.044-.52.431-.52.908c0 .506.257.917.573.917c.066 0 .008-.021.067-.054c.199.994.853 1.77 1.491 2.2v.77c-1.021.132-2.298.545-3.088 1.058a.7.7 0 0 0-.317.584V23a1 1 0 0 0 1 1zm6-15a1 1 0 0 0-1-1H5a1 1 0 0 0 0 2h13a1 1 0 0 0 1-1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#dfcebf" d="M35 26.5a1.5 1.5 0 0 1-1.5 1.5h-31A1.5 1.5 0 0 1 1 26.5v-19A1.5 1.5 0 0 1 2.5 6h31A1.5 1.5 0 0 1 35 7.5z"/><path fill="#fffff5" d="M14 23a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V13a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1z"/><path fill="#7d7585" d="M30 15H18a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2m-4 3a1 1 0 0 0-1-1h-7a1 1 0 0 0 0 2h7a1 1 0 0 0 1-1m3 4a1 1 0 0 0-1-1H18a1 1 0 0 0 0 2h10a1 1 0 0 0 1-1m-16 2a1 1 0 0 0 1-1v-.003a.74.74 0 0 0-.34-.623c-.702-.453-1.778-.825-2.746-.991v-.819c.638-.43 1.302-1.206 1.501-2.2c.059.033.066.054.132.054c.316 0 .545-.411.545-.917c0-.498-.263-.902-.572-.914c.06-.215.094-.503.094-.873c0-1.234-1.061-2.714-3.441-2.714c-2.115 0-3.439 1.481-3.439 2.714q.002.538.06.879c-.291.044-.52.431-.52.908c0 .506.257.917.573.917c.066 0 .008-.021.067-.054c.199.994.853 1.77 1.491 2.2v.77c-1.021.132-2.298.545-3.088 1.058a.7.7 0 0 0-.317.584V23a1 1 0 0 0 1 1zm6-15a1 1 0 0 0-1-1H5a1 1 0 0 0 0 2h13a1 1 0 0 0 1-1"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23dfcebf%22%20d%3D%22M35%2026.5a1.5%201.5%200%200%201-1.5%201.5h-31A1.5%201.5%200%200%201%201%2026.5v-19A1.5%201.5%200%200%201%202.5%206h31A1.5%201.5%200%200%201%2035%207.5z%22%2F%3E%3Cpath%20fill%3D%22%23fffff5%22%20d%3D%22M14%2023a1%201%200%200%201-1%201H5a1%201%200%200%201-1-1V13a1%201%200%200%201%201-1h8a1%201%200%200%201%201%201z%22%2F%3E%3Cpath%20fill%3D%22%237d7585%22%20d%3D%22M30%2015H18a1%201%200%200%201%200-2h12a1%201%200%200%201%200%202m-4%203a1%201%200%200%200-1-1h-7a1%201%200%200%200%200%202h7a1%201%200%200%200%201-1m3%204a1%201%200%200%200-1-1H18a1%201%200%200%200%200%202h10a1%201%200%200%200%201-1m-16%202a1%201%200%200%200%201-1v-.003a.74.74%200%200%200-.34-.623c-.702-.453-1.778-.825-2.746-.991v-.819c.638-.43%201.302-1.206%201.501-2.2c.059.033.066.054.132.054c.316%200%20.545-.411.545-.917c0-.498-.263-.902-.572-.914c.06-.215.094-.503.094-.873c0-1.234-1.061-2.714-3.441-2.714c-2.115%200-3.439%201.481-3.439%202.714q.002.538.06.879c-.291.044-.52.431-.52.908c0%20.506.257.917.573.917c.066%200%20.008-.021.067-.054c.199.994.853%201.77%201.491%202.2v.77c-1.021.132-2.298.545-3.088%201.058a.7.7%200%200%200-.317.584V23a1%201%200%200%200%201%201zm6-15a1%201%200%200%200-1-1H5a1%201%200%200%200%200%202h13a1%201%200%200%200%201-1%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23dfcebf%22%20d%3D%22M35%2026.5a1.5%201.5%200%200%201-1.5%201.5h-31A1.5%201.5%200%200%201%201%2026.5v-19A1.5%201.5%200%200%201%202.5%206h31A1.5%201.5%200%200%201%2035%207.5z%22%2F%3E%3Cpath%20fill%3D%22%23fffff5%22%20d%3D%22M14%2023a1%201%200%200%201-1%201H5a1%201%200%200%201-1-1V13a1%201%200%200%201%201-1h8a1%201%200%200%201%201%201z%22%2F%3E%3Cpath%20fill%3D%22%237d7585%22%20d%3D%22M30%2015H18a1%201%200%200%201%200-2h12a1%201%200%200%201%200%202m-4%203a1%201%200%200%200-1-1h-7a1%201%200%200%200%200%202h7a1%201%200%200%200%201-1m3%204a1%201%200%200%200-1-1H18a1%201%200%200%200%200%202h10a1%201%200%200%200%201-1m-16%202a1%201%200%200%200%201-1v-.003a.74.74%200%200%200-.34-.623c-.702-.453-1.778-.825-2.746-.991v-.819c.638-.43%201.302-1.206%201.501-2.2c.059.033.066.054.132.054c.316%200%20.545-.411.545-.917c0-.498-.263-.902-.572-.914c.06-.215.094-.503.094-.873c0-1.234-1.061-2.714-3.441-2.714c-2.115%200-3.439%201.481-3.439%202.714q.002.538.06.879c-.291.044-.52.431-.52.908c0%20.506.257.917.573.917c.066%200%20.008-.021.067-.054c.199.994.853%201.77%201.491%202.2v.77c-1.021.132-2.298.545-3.088%201.058a.7.7%200%200%200-.317.584V23a1%201%200%200%200%201%201zm6-15a1%201%200%200%200-1-1H5a1%201%200%200%200%200%202h13a1%201%200%200%200%201-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/identification-card.svg?color=%231a73e8&size=48
