whitemediumsmallsquare emoji

whitemediumsmallsquare from Firefox OS Emoji by Mozilla · Default · Symbols · Apache-2.0 Free for personal and commercial use.

Name
whitemediumsmallsquare
Set
Firefox OS Emoji
Style
Default
Category
Symbols
Viewbox
512×512
License
Apache 2.0

More symbols icons from Firefox OS Emoji

alarmclockantennawithbarsanticlockwiseupwardsanddownwardsarrowsaquariusariesarrowrightwardsdownwardsarrowrightwardsupwardsautomatedtellermachinebabysymbolbackwithleftwardsarrowbaggageclaimballotboxwithcheckblackclubsuitblackdiamondsuitblackdownpointingdoublearrowblackheartsuitblacklargesquareblackleftpointingarrowblackleftpointingdoublearrowblackmediumsmallsquareblackmediumsquareblackquestionmarkblackrightpointingarrowblackrightpointingdoublearrow

Use the whitemediumsmallsquare emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#D9DDE8" d="M420 111.249C420 100.662 411.338 92 400.751 92h-291.76c-9.528 0-17.325 7.796-17.325 17.325v293.684c0 9.528 7.796 17.325 17.325 17.325H400.75c10.587 0 19.249-8.662 19.249-19.249z"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiWhitemediumsmallsquare(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#D9DDE8" d="M420 111.249C420 100.662 411.338 92 400.751 92h-291.76c-9.528 0-17.325 7.796-17.325 17.325v293.684c0 9.528 7.796 17.325 17.325 17.325H400.75c10.587 0 19.249-8.662 19.249-19.249z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#D9DDE8" d="M420 111.249C420 100.662 411.338 92 400.751 92h-291.76c-9.528 0-17.325 7.796-17.325 17.325v293.684c0 9.528 7.796 17.325 17.325 17.325H400.75c10.587 0 19.249-8.662 19.249-19.249z"/></svg>
</template>

CSS

.icon-whitemediumsmallsquare {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22%23D9DDE8%22%20d%3D%22M420%20111.249C420%20100.662%20411.338%2092%20400.751%2092h-291.76c-9.528%200-17.325%207.796-17.325%2017.325v293.684c0%209.528%207.796%2017.325%2017.325%2017.325H400.75c10.587%200%2019.249-8.662%2019.249-19.249z%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%20512%20512%22%3E%3Cpath%20fill%3D%22%23D9DDE8%22%20d%3D%22M420%20111.249C420%20100.662%20411.338%2092%20400.751%2092h-291.76c-9.528%200-17.325%207.796-17.325%2017.325v293.684c0%209.528%207.796%2017.325%2017.325%2017.325H400.75c10.587%200%2019.249-8.662%2019.249-19.249z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/whitemediumsmallsquare.svg?color=%231a73e8&size=48