placard emoji
placard from Noto Emoji by Google Inc · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- placard
- Set
- Noto Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
More objects icons from Noto Emoji
Use the placard emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#a3673e" d="M76.1 124.17H59.47V4h11.96c.69 0 1.36.29 1.83.8l2.45 2.65c.25.27.39.62.39.99z"/><path fill="#bf855e" d="M72.53 124.17H55.9V5.36c0-.75.61-1.36 1.36-1.36h13.91c.75 0 1.36.61 1.36 1.36z"/><linearGradient id="SVGhE3R7cRd" x1="66" x2="66" y1="46.374" y2="31.354" gradientTransform="matrix(1 0 0 -1 0 128)" gradientUnits="userSpaceOnUse"><stop offset=".167" stop-color="#424242"/><stop offset=".944" stop-color="#424242" stop-opacity="0"/></linearGradient><path fill="url(#SVGhE3R7cRd)" d="m76.1 83l-20.2.02v15L76.1 98z"/><linearGradient id="SVGgJ6I3bao" x1="66" x2="66" y1="127.993" y2="114.523" gradientTransform="matrix(-1 0 0 1 132 -104.98)" gradientUnits="userSpaceOnUse"><stop offset=".232" stop-color="#424242"/><stop offset=".943" stop-color="#424242" stop-opacity="0"/></linearGradient><path fill="url(#SVGgJ6I3bao)" d="M55.9 22.02L76.1 22V7l-20.2.02z"/><linearGradient id="SVGlZSJOdPh" x1="63.495" x2="63.495" y1="37.664" y2="99.692" gradientTransform="matrix(1 0 0 -1 0 128)" gradientUnits="userSpaceOnUse"><stop offset=".373" stop-color="#9e9e9e"/><stop offset="1" stop-color="#bdbdbd"/></linearGradient><path fill="url(#SVGlZSJOdPh)" d="M108.54 89.63H22.25c-.35 0-.69-.09-.99-.26l-3.97-2.23c-.52-.29-.85-.85-.85-1.45v-71.7c0-.54.44-.99.99-.99h89.1c.48 0 .96.16 1.34.45l1.89 1.45c.5.38.79.98.79 1.6v71.1c.01 1.13-.9 2.03-2.01 2.03"/><path fill="#f5f5f5" d="M106.27 86.67H17.45c-.56 0-1.01-.45-1.01-1.01V14.01c0-.56.45-1.01 1.01-1.01h88.82c.56 0 1.01.45 1.01 1.01v71.65c0 .56-.45 1.01-1.01 1.01"/><linearGradient id="SVGMfdiwdou" x1="61.855" x2="61.855" y1="104.784" y2="134.021" gradientTransform="matrix(1 0 0 -1 0 128)" gradientUnits="userSpaceOnUse"><stop offset=".202" stop-color="#f5f5f5"/><stop offset="1" stop-color="#bdbdbd"/></linearGradient><path fill="url(#SVGMfdiwdou)" d="M106.31 26.56h-88.9a.97.97 0 0 1-.97-.97V13.97c0-.54.44-.97.97-.97h88.89c.54 0 .97.44.97.97v11.62c.01.54-.43.97-.96.97"/><linearGradient id="SVGfl9DTdjJ" x1="49.86" x2="49.86" y1="93.309" y2="122.546" gradientTransform="matrix(0 -1 -1 0 128.026 99.695)" gradientUnits="userSpaceOnUse"><stop offset=".507" stop-color="#bdbdbd" stop-opacity="0"/><stop offset="1" stop-color="#bdbdbd"/></linearGradient><path fill="url(#SVGfl9DTdjJ)" d="M30.01 13.99v71.69c0 .55-.44.99-.99.99H17.43c-.55 0-.99-.44-.99-.99V13.99c0-.55.44-.99.99-.99h11.59c.54 0 .99.44.99.99"/></svg>
React
import type { SVGProps } from "react";
export function NotoPlacard(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#a3673e" d="M76.1 124.17H59.47V4h11.96c.69 0 1.36.29 1.83.8l2.45 2.65c.25.27.39.62.39.99z"/><path fill="#bf855e" d="M72.53 124.17H55.9V5.36c0-.75.61-1.36 1.36-1.36h13.91c.75 0 1.36.61 1.36 1.36z"/><linearGradient id="SVGhE3R7cRd" x1="66" x2="66" y1="46.374" y2="31.354" gradientTransform="matrix(1 0 0 -1 0 128)" gradientUnits="userSpaceOnUse"><stop offset=".167" stopColor="#424242"/><stop offset=".944" stopColor="#424242" stopOpacity="0"/></linearGradient><path fill="url(#SVGhE3R7cRd)" d="m76.1 83l-20.2.02v15L76.1 98z"/><linearGradient id="SVGgJ6I3bao" x1="66" x2="66" y1="127.993" y2="114.523" gradientTransform="matrix(-1 0 0 1 132 -104.98)" gradientUnits="userSpaceOnUse"><stop offset=".232" stopColor="#424242"/><stop offset=".943" stopColor="#424242" stopOpacity="0"/></linearGradient><path fill="url(#SVGgJ6I3bao)" d="M55.9 22.02L76.1 22V7l-20.2.02z"/><linearGradient id="SVGlZSJOdPh" x1="63.495" x2="63.495" y1="37.664" y2="99.692" gradientTransform="matrix(1 0 0 -1 0 128)" gradientUnits="userSpaceOnUse"><stop offset=".373" stopColor="#9e9e9e"/><stop offset="1" stopColor="#bdbdbd"/></linearGradient><path fill="url(#SVGlZSJOdPh)" d="M108.54 89.63H22.25c-.35 0-.69-.09-.99-.26l-3.97-2.23c-.52-.29-.85-.85-.85-1.45v-71.7c0-.54.44-.99.99-.99h89.1c.48 0 .96.16 1.34.45l1.89 1.45c.5.38.79.98.79 1.6v71.1c.01 1.13-.9 2.03-2.01 2.03"/><path fill="#f5f5f5" d="M106.27 86.67H17.45c-.56 0-1.01-.45-1.01-1.01V14.01c0-.56.45-1.01 1.01-1.01h88.82c.56 0 1.01.45 1.01 1.01v71.65c0 .56-.45 1.01-1.01 1.01"/><linearGradient id="SVGMfdiwdou" x1="61.855" x2="61.855" y1="104.784" y2="134.021" gradientTransform="matrix(1 0 0 -1 0 128)" gradientUnits="userSpaceOnUse"><stop offset=".202" stopColor="#f5f5f5"/><stop offset="1" stopColor="#bdbdbd"/></linearGradient><path fill="url(#SVGMfdiwdou)" d="M106.31 26.56h-88.9a.97.97 0 0 1-.97-.97V13.97c0-.54.44-.97.97-.97h88.89c.54 0 .97.44.97.97v11.62c.01.54-.43.97-.96.97"/><linearGradient id="SVGfl9DTdjJ" x1="49.86" x2="49.86" y1="93.309" y2="122.546" gradientTransform="matrix(0 -1 -1 0 128.026 99.695)" gradientUnits="userSpaceOnUse"><stop offset=".507" stopColor="#bdbdbd" stopOpacity="0"/><stop offset="1" stopColor="#bdbdbd"/></linearGradient><path fill="url(#SVGfl9DTdjJ)" d="M30.01 13.99v71.69c0 .55-.44.99-.99.99H17.43c-.55 0-.99-.44-.99-.99V13.99c0-.55.44-.99.99-.99h11.59c.54 0 .99.44.99.99"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#a3673e" d="M76.1 124.17H59.47V4h11.96c.69 0 1.36.29 1.83.8l2.45 2.65c.25.27.39.62.39.99z"/><path fill="#bf855e" d="M72.53 124.17H55.9V5.36c0-.75.61-1.36 1.36-1.36h13.91c.75 0 1.36.61 1.36 1.36z"/><linearGradient id="SVGhE3R7cRd" x1="66" x2="66" y1="46.374" y2="31.354" gradientTransform="matrix(1 0 0 -1 0 128)" gradientUnits="userSpaceOnUse"><stop offset=".167" stop-color="#424242"/><stop offset=".944" stop-color="#424242" stop-opacity="0"/></linearGradient><path fill="url(#SVGhE3R7cRd)" d="m76.1 83l-20.2.02v15L76.1 98z"/><linearGradient id="SVGgJ6I3bao" x1="66" x2="66" y1="127.993" y2="114.523" gradientTransform="matrix(-1 0 0 1 132 -104.98)" gradientUnits="userSpaceOnUse"><stop offset=".232" stop-color="#424242"/><stop offset=".943" stop-color="#424242" stop-opacity="0"/></linearGradient><path fill="url(#SVGgJ6I3bao)" d="M55.9 22.02L76.1 22V7l-20.2.02z"/><linearGradient id="SVGlZSJOdPh" x1="63.495" x2="63.495" y1="37.664" y2="99.692" gradientTransform="matrix(1 0 0 -1 0 128)" gradientUnits="userSpaceOnUse"><stop offset=".373" stop-color="#9e9e9e"/><stop offset="1" stop-color="#bdbdbd"/></linearGradient><path fill="url(#SVGlZSJOdPh)" d="M108.54 89.63H22.25c-.35 0-.69-.09-.99-.26l-3.97-2.23c-.52-.29-.85-.85-.85-1.45v-71.7c0-.54.44-.99.99-.99h89.1c.48 0 .96.16 1.34.45l1.89 1.45c.5.38.79.98.79 1.6v71.1c.01 1.13-.9 2.03-2.01 2.03"/><path fill="#f5f5f5" d="M106.27 86.67H17.45c-.56 0-1.01-.45-1.01-1.01V14.01c0-.56.45-1.01 1.01-1.01h88.82c.56 0 1.01.45 1.01 1.01v71.65c0 .56-.45 1.01-1.01 1.01"/><linearGradient id="SVGMfdiwdou" x1="61.855" x2="61.855" y1="104.784" y2="134.021" gradientTransform="matrix(1 0 0 -1 0 128)" gradientUnits="userSpaceOnUse"><stop offset=".202" stop-color="#f5f5f5"/><stop offset="1" stop-color="#bdbdbd"/></linearGradient><path fill="url(#SVGMfdiwdou)" d="M106.31 26.56h-88.9a.97.97 0 0 1-.97-.97V13.97c0-.54.44-.97.97-.97h88.89c.54 0 .97.44.97.97v11.62c.01.54-.43.97-.96.97"/><linearGradient id="SVGfl9DTdjJ" x1="49.86" x2="49.86" y1="93.309" y2="122.546" gradientTransform="matrix(0 -1 -1 0 128.026 99.695)" gradientUnits="userSpaceOnUse"><stop offset=".507" stop-color="#bdbdbd" stop-opacity="0"/><stop offset="1" stop-color="#bdbdbd"/></linearGradient><path fill="url(#SVGfl9DTdjJ)" d="M30.01 13.99v71.69c0 .55-.44.99-.99.99H17.43c-.55 0-.99-.44-.99-.99V13.99c0-.55.44-.99.99-.99h11.59c.54 0 .99.44.99.99"/></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%20128%20128%22%3E%3Cpath%20fill%3D%22%23a3673e%22%20d%3D%22M76.1%20124.17H59.47V4h11.96c.69%200%201.36.29%201.83.8l2.45%202.65c.25.27.39.62.39.99z%22%2F%3E%3Cpath%20fill%3D%22%23bf855e%22%20d%3D%22M72.53%20124.17H55.9V5.36c0-.75.61-1.36%201.36-1.36h13.91c.75%200%201.36.61%201.36%201.36z%22%2F%3E%3ClinearGradient%20id%3D%22SVGhE3R7cRd%22%20x1%3D%2266%22%20x2%3D%2266%22%20y1%3D%2246.374%22%20y2%3D%2231.354%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20128)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.167%22%20stop-color%3D%22%23424242%22%2F%3E%3Cstop%20offset%3D%22.944%22%20stop-color%3D%22%23424242%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVGhE3R7cRd)%22%20d%3D%22m76.1%2083l-20.2.02v15L76.1%2098z%22%2F%3E%3ClinearGradient%20id%3D%22SVGgJ6I3bao%22%20x1%3D%2266%22%20x2%3D%2266%22%20y1%3D%22127.993%22%20y2%3D%22114.523%22%20gradientTransform%3D%22matrix(-1%200%200%201%20132%20-104.98)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.232%22%20stop-color%3D%22%23424242%22%2F%3E%3Cstop%20offset%3D%22.943%22%20stop-color%3D%22%23424242%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVGgJ6I3bao)%22%20d%3D%22M55.9%2022.02L76.1%2022V7l-20.2.02z%22%2F%3E%3ClinearGradient%20id%3D%22SVGlZSJOdPh%22%20x1%3D%2263.495%22%20x2%3D%2263.495%22%20y1%3D%2237.664%22%20y2%3D%2299.692%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20128)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.373%22%20stop-color%3D%22%239e9e9e%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23bdbdbd%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVGlZSJOdPh)%22%20d%3D%22M108.54%2089.63H22.25c-.35%200-.69-.09-.99-.26l-3.97-2.23c-.52-.29-.85-.85-.85-1.45v-71.7c0-.54.44-.99.99-.99h89.1c.48%200%20.96.16%201.34.45l1.89%201.45c.5.38.79.98.79%201.6v71.1c.01%201.13-.9%202.03-2.01%202.03%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M106.27%2086.67H17.45c-.56%200-1.01-.45-1.01-1.01V14.01c0-.56.45-1.01%201.01-1.01h88.82c.56%200%201.01.45%201.01%201.01v71.65c0%20.56-.45%201.01-1.01%201.01%22%2F%3E%3ClinearGradient%20id%3D%22SVGMfdiwdou%22%20x1%3D%2261.855%22%20x2%3D%2261.855%22%20y1%3D%22104.784%22%20y2%3D%22134.021%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20128)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.202%22%20stop-color%3D%22%23f5f5f5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23bdbdbd%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVGMfdiwdou)%22%20d%3D%22M106.31%2026.56h-88.9a.97.97%200%200%201-.97-.97V13.97c0-.54.44-.97.97-.97h88.89c.54%200%20.97.44.97.97v11.62c.01.54-.43.97-.96.97%22%2F%3E%3ClinearGradient%20id%3D%22SVGfl9DTdjJ%22%20x1%3D%2249.86%22%20x2%3D%2249.86%22%20y1%3D%2293.309%22%20y2%3D%22122.546%22%20gradientTransform%3D%22matrix(0%20-1%20-1%200%20128.026%2099.695)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.507%22%20stop-color%3D%22%23bdbdbd%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23bdbdbd%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVGfl9DTdjJ)%22%20d%3D%22M30.01%2013.99v71.69c0%20.55-.44.99-.99.99H17.43c-.55%200-.99-.44-.99-.99V13.99c0-.55.44-.99.99-.99h11.59c.54%200%20.99.44.99.99%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23a3673e%22%20d%3D%22M76.1%20124.17H59.47V4h11.96c.69%200%201.36.29%201.83.8l2.45%202.65c.25.27.39.62.39.99z%22%2F%3E%3Cpath%20fill%3D%22%23bf855e%22%20d%3D%22M72.53%20124.17H55.9V5.36c0-.75.61-1.36%201.36-1.36h13.91c.75%200%201.36.61%201.36%201.36z%22%2F%3E%3ClinearGradient%20id%3D%22SVGhE3R7cRd%22%20x1%3D%2266%22%20x2%3D%2266%22%20y1%3D%2246.374%22%20y2%3D%2231.354%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20128)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.167%22%20stop-color%3D%22%23424242%22%2F%3E%3Cstop%20offset%3D%22.944%22%20stop-color%3D%22%23424242%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVGhE3R7cRd)%22%20d%3D%22m76.1%2083l-20.2.02v15L76.1%2098z%22%2F%3E%3ClinearGradient%20id%3D%22SVGgJ6I3bao%22%20x1%3D%2266%22%20x2%3D%2266%22%20y1%3D%22127.993%22%20y2%3D%22114.523%22%20gradientTransform%3D%22matrix(-1%200%200%201%20132%20-104.98)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.232%22%20stop-color%3D%22%23424242%22%2F%3E%3Cstop%20offset%3D%22.943%22%20stop-color%3D%22%23424242%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVGgJ6I3bao)%22%20d%3D%22M55.9%2022.02L76.1%2022V7l-20.2.02z%22%2F%3E%3ClinearGradient%20id%3D%22SVGlZSJOdPh%22%20x1%3D%2263.495%22%20x2%3D%2263.495%22%20y1%3D%2237.664%22%20y2%3D%2299.692%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20128)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.373%22%20stop-color%3D%22%239e9e9e%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23bdbdbd%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVGlZSJOdPh)%22%20d%3D%22M108.54%2089.63H22.25c-.35%200-.69-.09-.99-.26l-3.97-2.23c-.52-.29-.85-.85-.85-1.45v-71.7c0-.54.44-.99.99-.99h89.1c.48%200%20.96.16%201.34.45l1.89%201.45c.5.38.79.98.79%201.6v71.1c.01%201.13-.9%202.03-2.01%202.03%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M106.27%2086.67H17.45c-.56%200-1.01-.45-1.01-1.01V14.01c0-.56.45-1.01%201.01-1.01h88.82c.56%200%201.01.45%201.01%201.01v71.65c0%20.56-.45%201.01-1.01%201.01%22%2F%3E%3ClinearGradient%20id%3D%22SVGMfdiwdou%22%20x1%3D%2261.855%22%20x2%3D%2261.855%22%20y1%3D%22104.784%22%20y2%3D%22134.021%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20128)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.202%22%20stop-color%3D%22%23f5f5f5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23bdbdbd%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVGMfdiwdou)%22%20d%3D%22M106.31%2026.56h-88.9a.97.97%200%200%201-.97-.97V13.97c0-.54.44-.97.97-.97h88.89c.54%200%20.97.44.97.97v11.62c.01.54-.43.97-.96.97%22%2F%3E%3ClinearGradient%20id%3D%22SVGfl9DTdjJ%22%20x1%3D%2249.86%22%20x2%3D%2249.86%22%20y1%3D%2293.309%22%20y2%3D%22122.546%22%20gradientTransform%3D%22matrix(0%20-1%20-1%200%20128.026%2099.695)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.507%22%20stop-color%3D%22%23bdbdbd%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23bdbdbd%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVGfl9DTdjJ)%22%20d%3D%22M30.01%2013.99v71.69c0%20.55-.44.99-.99.99H17.43c-.55%200-.99-.44-.99-.99V13.99c0-.55.44-.99.99-.99h11.59c.54%200%20.99.44.99.99%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/placard.svg?color=%231a73e8&size=48
