placard emoji
placard from OpenMoji by OpenMoji · Default · Objects · CC-BY-SA-4.0 Attribution required.
- Name
- placard
- Set
- OpenMoji
- Style
- Default
- Category
- Objects
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More objects icons from OpenMoji
Use the placard emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M55.037 42.06H16.963a1.19 1.19 0 0 1-1.19-1.19V16.119a1.19 1.19 0 0 1 1.19-1.19h38.074a1.19 1.19 0 0 1 1.19 1.19v24.75a1.19 1.19 0 0 1-1.19 1.191"/><path fill="#d0cfce" d="M44.518 16.119h10.519v24.75H44.518z"/><path fill="#a57939" d="M40.15 40.869v18.898a1 1 0 0 1-1 1h-6.3a1 1 0 0 1-1-1V40.87Zm-8.3-24.75v-3.97a1 1 0 0 1 1-1h6.3a1 1 0 0 1 1 1v3.97Z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M16.963 16.119h38.074v24.75H16.963zm22.188 28.083v15.566H32.85V44.202m0-28.083v-3.97h6.301v3.97"/><path d="M23.586 35.175a10 10 0 0 1 1.85-3.665c.153-.191.36-.395.601-.355a.68.68 0 0 1 .38.273c.93 1.113 1.41 2.579 2.478 3.559a1 1 0 0 0 .439.269c.457.105.834-.34 1.112-.717a12 12 0 0 1 2.422-2.452a2.1 2.1 0 0 1 .955-.473a2.01 2.01 0 0 1 1.737 1.075a4.46 4.46 0 0 0 1.392 1.608a.62.62 0 0 0 .49.077a.7.7 0 0 0 .29-.246c1.045-1.298 1.731-3.173 3.358-3.534a19 19 0 0 0 1.076 3.012c.109.238.3.515.556.462a.6.6 0 0 0 .282-.191l3.186-3.225l2.224 3.897m-24.858-7.444a14.6 14.6 0 0 1 3.536-5.043a39 39 0 0 0 3.055 3.12a2.2 2.2 0 0 0 1.876.796a2.3 2.3 0 0 0 1.081-.864a34 34 0 0 1 2.616-2.782a2.06 2.06 0 0 1 .907-.589a1.81 1.81 0 0 1 1.745 1.027a5.4 5.4 0 0 0 1.262 1.734a.72.72 0 0 0 .567.152a.93.93 0 0 0 .41-.297a13.8 13.8 0 0 1 2.66-2.153a1.78 1.78 0 0 1 1.435-.36a1.9 1.9 0 0 1 .881.86l2.092 3.241"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiPlacard(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="M55.037 42.06H16.963a1.19 1.19 0 0 1-1.19-1.19V16.119a1.19 1.19 0 0 1 1.19-1.19h38.074a1.19 1.19 0 0 1 1.19 1.19v24.75a1.19 1.19 0 0 1-1.19 1.191"/><path fill="#d0cfce" d="M44.518 16.119h10.519v24.75H44.518z"/><path fill="#a57939" d="M40.15 40.869v18.898a1 1 0 0 1-1 1h-6.3a1 1 0 0 1-1-1V40.87Zm-8.3-24.75v-3.97a1 1 0 0 1 1-1h6.3a1 1 0 0 1 1 1v3.97Z"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="M16.963 16.119h38.074v24.75H16.963zm22.188 28.083v15.566H32.85V44.202m0-28.083v-3.97h6.301v3.97"/><path d="M23.586 35.175a10 10 0 0 1 1.85-3.665c.153-.191.36-.395.601-.355a.68.68 0 0 1 .38.273c.93 1.113 1.41 2.579 2.478 3.559a1 1 0 0 0 .439.269c.457.105.834-.34 1.112-.717a12 12 0 0 1 2.422-2.452a2.1 2.1 0 0 1 .955-.473a2.01 2.01 0 0 1 1.737 1.075a4.46 4.46 0 0 0 1.392 1.608a.62.62 0 0 0 .49.077a.7.7 0 0 0 .29-.246c1.045-1.298 1.731-3.173 3.358-3.534a19 19 0 0 0 1.076 3.012c.109.238.3.515.556.462a.6.6 0 0 0 .282-.191l3.186-3.225l2.224 3.897m-24.858-7.444a14.6 14.6 0 0 1 3.536-5.043a39 39 0 0 0 3.055 3.12a2.2 2.2 0 0 0 1.876.796a2.3 2.3 0 0 0 1.081-.864a34 34 0 0 1 2.616-2.782a2.06 2.06 0 0 1 .907-.589a1.81 1.81 0 0 1 1.745 1.027a5.4 5.4 0 0 0 1.262 1.734a.72.72 0 0 0 .567.152a.93.93 0 0 0 .41-.297a13.8 13.8 0 0 1 2.66-2.153a1.78 1.78 0 0 1 1.435-.36a1.9 1.9 0 0 1 .881.86l2.092 3.241"/></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="M55.037 42.06H16.963a1.19 1.19 0 0 1-1.19-1.19V16.119a1.19 1.19 0 0 1 1.19-1.19h38.074a1.19 1.19 0 0 1 1.19 1.19v24.75a1.19 1.19 0 0 1-1.19 1.191"/><path fill="#d0cfce" d="M44.518 16.119h10.519v24.75H44.518z"/><path fill="#a57939" d="M40.15 40.869v18.898a1 1 0 0 1-1 1h-6.3a1 1 0 0 1-1-1V40.87Zm-8.3-24.75v-3.97a1 1 0 0 1 1-1h6.3a1 1 0 0 1 1 1v3.97Z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M16.963 16.119h38.074v24.75H16.963zm22.188 28.083v15.566H32.85V44.202m0-28.083v-3.97h6.301v3.97"/><path d="M23.586 35.175a10 10 0 0 1 1.85-3.665c.153-.191.36-.395.601-.355a.68.68 0 0 1 .38.273c.93 1.113 1.41 2.579 2.478 3.559a1 1 0 0 0 .439.269c.457.105.834-.34 1.112-.717a12 12 0 0 1 2.422-2.452a2.1 2.1 0 0 1 .955-.473a2.01 2.01 0 0 1 1.737 1.075a4.46 4.46 0 0 0 1.392 1.608a.62.62 0 0 0 .49.077a.7.7 0 0 0 .29-.246c1.045-1.298 1.731-3.173 3.358-3.534a19 19 0 0 0 1.076 3.012c.109.238.3.515.556.462a.6.6 0 0 0 .282-.191l3.186-3.225l2.224 3.897m-24.858-7.444a14.6 14.6 0 0 1 3.536-5.043a39 39 0 0 0 3.055 3.12a2.2 2.2 0 0 0 1.876.796a2.3 2.3 0 0 0 1.081-.864a34 34 0 0 1 2.616-2.782a2.06 2.06 0 0 1 .907-.589a1.81 1.81 0 0 1 1.745 1.027a5.4 5.4 0 0 0 1.262 1.734a.72.72 0 0 0 .567.152a.93.93 0 0 0 .41-.297a13.8 13.8 0 0 1 2.66-2.153a1.78 1.78 0 0 1 1.435-.36a1.9 1.9 0 0 1 .881.86l2.092 3.241"/></g></svg> </template>
CSS
.icon-placard {
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%22M55.037%2042.06H16.963a1.19%201.19%200%200%201-1.19-1.19V16.119a1.19%201.19%200%200%201%201.19-1.19h38.074a1.19%201.19%200%200%201%201.19%201.19v24.75a1.19%201.19%200%200%201-1.19%201.191%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M44.518%2016.119h10.519v24.75H44.518z%22%2F%3E%3Cpath%20fill%3D%22%23a57939%22%20d%3D%22M40.15%2040.869v18.898a1%201%200%200%201-1%201h-6.3a1%201%200%200%201-1-1V40.87Zm-8.3-24.75v-3.97a1%201%200%200%201%201-1h6.3a1%201%200%200%201%201%201v3.97Z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M16.963%2016.119h38.074v24.75H16.963zm22.188%2028.083v15.566H32.85V44.202m0-28.083v-3.97h6.301v3.97%22%2F%3E%3Cpath%20d%3D%22M23.586%2035.175a10%2010%200%200%201%201.85-3.665c.153-.191.36-.395.601-.355a.68.68%200%200%201%20.38.273c.93%201.113%201.41%202.579%202.478%203.559a1%201%200%200%200%20.439.269c.457.105.834-.34%201.112-.717a12%2012%200%200%201%202.422-2.452a2.1%202.1%200%200%201%20.955-.473a2.01%202.01%200%200%201%201.737%201.075a4.46%204.46%200%200%200%201.392%201.608a.62.62%200%200%200%20.49.077a.7.7%200%200%200%20.29-.246c1.045-1.298%201.731-3.173%203.358-3.534a19%2019%200%200%200%201.076%203.012c.109.238.3.515.556.462a.6.6%200%200%200%20.282-.191l3.186-3.225l2.224%203.897m-24.858-7.444a14.6%2014.6%200%200%201%203.536-5.043a39%2039%200%200%200%203.055%203.12a2.2%202.2%200%200%200%201.876.796a2.3%202.3%200%200%200%201.081-.864a34%2034%200%200%201%202.616-2.782a2.06%202.06%200%200%201%20.907-.589a1.81%201.81%200%200%201%201.745%201.027a5.4%205.4%200%200%200%201.262%201.734a.72.72%200%200%200%20.567.152a.93.93%200%200%200%20.41-.297a13.8%2013.8%200%200%201%202.66-2.153a1.78%201.78%200%200%201%201.435-.36a1.9%201.9%200%200%201%20.881.86l2.092%203.241%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%22M55.037%2042.06H16.963a1.19%201.19%200%200%201-1.19-1.19V16.119a1.19%201.19%200%200%201%201.19-1.19h38.074a1.19%201.19%200%200%201%201.19%201.19v24.75a1.19%201.19%200%200%201-1.19%201.191%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M44.518%2016.119h10.519v24.75H44.518z%22%2F%3E%3Cpath%20fill%3D%22%23a57939%22%20d%3D%22M40.15%2040.869v18.898a1%201%200%200%201-1%201h-6.3a1%201%200%200%201-1-1V40.87Zm-8.3-24.75v-3.97a1%201%200%200%201%201-1h6.3a1%201%200%200%201%201%201v3.97Z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M16.963%2016.119h38.074v24.75H16.963zm22.188%2028.083v15.566H32.85V44.202m0-28.083v-3.97h6.301v3.97%22%2F%3E%3Cpath%20d%3D%22M23.586%2035.175a10%2010%200%200%201%201.85-3.665c.153-.191.36-.395.601-.355a.68.68%200%200%201%20.38.273c.93%201.113%201.41%202.579%202.478%203.559a1%201%200%200%200%20.439.269c.457.105.834-.34%201.112-.717a12%2012%200%200%201%202.422-2.452a2.1%202.1%200%200%201%20.955-.473a2.01%202.01%200%200%201%201.737%201.075a4.46%204.46%200%200%200%201.392%201.608a.62.62%200%200%200%20.49.077a.7.7%200%200%200%20.29-.246c1.045-1.298%201.731-3.173%203.358-3.534a19%2019%200%200%200%201.076%203.012c.109.238.3.515.556.462a.6.6%200%200%200%20.282-.191l3.186-3.225l2.224%203.897m-24.858-7.444a14.6%2014.6%200%200%201%203.536-5.043a39%2039%200%200%200%203.055%203.12a2.2%202.2%200%200%200%201.876.796a2.3%202.3%200%200%200%201.081-.864a34%2034%200%200%201%202.616-2.782a2.06%202.06%200%200%201%20.907-.589a1.81%201.81%200%200%201%201.745%201.027a5.4%205.4%200%200%200%201.262%201.734a.72.72%200%200%200%20.567.152a.93.93%200%200%200%20.41-.297a13.8%2013.8%200%200%201%202.66-2.153a1.78%201.78%200%200%201%201.435-.36a1.9%201.9%200%200%201%20.881.86l2.092%203.241%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/placard.svg?color=%231a73e8&size=48
