white small square emoji
white-small-square from Noto Emoji by Google Inc · Default · Symbols · Apache-2.0 Free for personal and commercial use.
- Name
- white-small-square
- Set
- Noto Emoji
- Style
- Default
- Category
- Symbols
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
More symbols icons from Noto Emoji
a-button-blood-typeab-button-blood-typeantenna-barsaquariusariesatm-signatom-symbolb-button-blood-typebaby-symbolback-arrowbaggage-claimbiohazardblack-circleblack-large-squareblack-medium-small-squareblack-medium-squareblack-small-squareblack-square-buttonblue-circleblue-squarebright-buttonbrown-circlebrown-squarecancer
Use the white small square emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#bdbdbd" d="M41.113 36h45.78A5.11 5.11 0 0 1 92 41.107v45.786A5.11 5.11 0 0 1 86.894 92H41.113a5.11 5.11 0 0 1-5.106-5.107v-45.61c-.141-2.782 2.007-5.142 4.789-5.283z"/><path fill="#e0e0e0" d="M41.113 36h37.681a5.11 5.11 0 0 1 5.106 5.107v37.685a5.11 5.11 0 0 1-5.106 5.107H41.113a5.11 5.11 0 0 1-5.106-5.107V41.283c-.141-2.782 2.007-5.142 4.789-5.283z"/><path fill="#fff" d="M52.03 41.283c0-1.057-.704-1.409-5.106-1.233c-3.698.176-5.459.529-6.515 1.937c-1.057 1.41-1.41 4.05-1.41 7.397c0 2.289 0 4.402 1.233 4.402c1.585 0 1.585-3.698 2.994-5.811c2.465-4.227 8.804-5.283 8.804-6.692"/></svg>
React
import type { SVGProps } from "react";
export function NotoWhiteSmallSquare(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#bdbdbd" d="M41.113 36h45.78A5.11 5.11 0 0 1 92 41.107v45.786A5.11 5.11 0 0 1 86.894 92H41.113a5.11 5.11 0 0 1-5.106-5.107v-45.61c-.141-2.782 2.007-5.142 4.789-5.283z"/><path fill="#e0e0e0" d="M41.113 36h37.681a5.11 5.11 0 0 1 5.106 5.107v37.685a5.11 5.11 0 0 1-5.106 5.107H41.113a5.11 5.11 0 0 1-5.106-5.107V41.283c-.141-2.782 2.007-5.142 4.789-5.283z"/><path fill="#fff" d="M52.03 41.283c0-1.057-.704-1.409-5.106-1.233c-3.698.176-5.459.529-6.515 1.937c-1.057 1.41-1.41 4.05-1.41 7.397c0 2.289 0 4.402 1.233 4.402c1.585 0 1.585-3.698 2.994-5.811c2.465-4.227 8.804-5.283 8.804-6.692"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#bdbdbd" d="M41.113 36h45.78A5.11 5.11 0 0 1 92 41.107v45.786A5.11 5.11 0 0 1 86.894 92H41.113a5.11 5.11 0 0 1-5.106-5.107v-45.61c-.141-2.782 2.007-5.142 4.789-5.283z"/><path fill="#e0e0e0" d="M41.113 36h37.681a5.11 5.11 0 0 1 5.106 5.107v37.685a5.11 5.11 0 0 1-5.106 5.107H41.113a5.11 5.11 0 0 1-5.106-5.107V41.283c-.141-2.782 2.007-5.142 4.789-5.283z"/><path fill="#fff" d="M52.03 41.283c0-1.057-.704-1.409-5.106-1.233c-3.698.176-5.459.529-6.515 1.937c-1.057 1.41-1.41 4.05-1.41 7.397c0 2.289 0 4.402 1.233 4.402c1.585 0 1.585-3.698 2.994-5.811c2.465-4.227 8.804-5.283 8.804-6.692"/></svg> </template>
CSS
.icon-white-small-square {
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%23bdbdbd%22%20d%3D%22M41.113%2036h45.78A5.11%205.11%200%200%201%2092%2041.107v45.786A5.11%205.11%200%200%201%2086.894%2092H41.113a5.11%205.11%200%200%201-5.106-5.107v-45.61c-.141-2.782%202.007-5.142%204.789-5.283z%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M41.113%2036h37.681a5.11%205.11%200%200%201%205.106%205.107v37.685a5.11%205.11%200%200%201-5.106%205.107H41.113a5.11%205.11%200%200%201-5.106-5.107V41.283c-.141-2.782%202.007-5.142%204.789-5.283z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M52.03%2041.283c0-1.057-.704-1.409-5.106-1.233c-3.698.176-5.459.529-6.515%201.937c-1.057%201.41-1.41%204.05-1.41%207.397c0%202.289%200%204.402%201.233%204.402c1.585%200%201.585-3.698%202.994-5.811c2.465-4.227%208.804-5.283%208.804-6.692%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%23bdbdbd%22%20d%3D%22M41.113%2036h45.78A5.11%205.11%200%200%201%2092%2041.107v45.786A5.11%205.11%200%200%201%2086.894%2092H41.113a5.11%205.11%200%200%201-5.106-5.107v-45.61c-.141-2.782%202.007-5.142%204.789-5.283z%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M41.113%2036h37.681a5.11%205.11%200%200%201%205.106%205.107v37.685a5.11%205.11%200%200%201-5.106%205.107H41.113a5.11%205.11%200%200%201-5.106-5.107V41.283c-.141-2.782%202.007-5.142%204.789-5.283z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M52.03%2041.283c0-1.057-.704-1.409-5.106-1.233c-3.698.176-5.459.529-6.515%201.937c-1.057%201.41-1.41%204.05-1.41%207.397c0%202.289%200%204.402%201.233%204.402c1.585%200%201.585-3.698%202.994-5.811c2.465-4.227%208.804-5.283%208.804-6.692%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/white-small-square.svg?color=%231a73e8&size=48
