personalcomputer emoji

More objects icons from Firefox OS Emoji

Use the personalcomputer emoji

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#ADB8BC" d="M215.5 343.369h81v135.144h-81z"/><path fill="#C5CFD1" d="M63.044 449.745h385.911c11.532 0 20.88 9.348 20.88 20.88v7.37c0 11.532-9.348 20.88-20.88 20.88H63.044c-11.532 0-20.88-9.348-20.88-20.88v-7.37c0-11.532 9.349-20.88 20.88-20.88M20.828 47.298h470.343c7.953 0 14.4 6.447 14.4 14.4v334.843c0 7.953-6.447 14.4-14.4 14.4H20.828c-7.953 0-14.4-6.447-14.4-14.4V61.698c0-7.953 6.447-14.4 14.4-14.4"/><path fill="#00B1FF" d="M62.768 93.087h386.463c7.953 0 14.4 6.447 14.4 14.4v243.265c0 7.953-6.447 14.4-14.4 14.4H62.768c-7.953 0-14.4-6.447-14.4-14.4V107.487c0-7.953 6.447-14.4 14.4-14.4"/><circle cx="428.681" cy="388.046" r="12.319" fill="#D7F4F7"/><path fill="#8F9799" d="M365.016 397.127h28.187a9.08 9.08 0 0 0 9.082-9.082a9.08 9.08 0 0 0-9.082-9.082h-28.187a9.08 9.08 0 0 0-9.082 9.082c.001 5.016 4.067 9.082 9.082 9.082"/></svg>

import type { SVGProps } from "react";

export function FxemojiPersonalcomputer(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#ADB8BC" d="M215.5 343.369h81v135.144h-81z"/><path fill="#C5CFD1" d="M63.044 449.745h385.911c11.532 0 20.88 9.348 20.88 20.88v7.37c0 11.532-9.348 20.88-20.88 20.88H63.044c-11.532 0-20.88-9.348-20.88-20.88v-7.37c0-11.532 9.349-20.88 20.88-20.88M20.828 47.298h470.343c7.953 0 14.4 6.447 14.4 14.4v334.843c0 7.953-6.447 14.4-14.4 14.4H20.828c-7.953 0-14.4-6.447-14.4-14.4V61.698c0-7.953 6.447-14.4 14.4-14.4"/><path fill="#00B1FF" d="M62.768 93.087h386.463c7.953 0 14.4 6.447 14.4 14.4v243.265c0 7.953-6.447 14.4-14.4 14.4H62.768c-7.953 0-14.4-6.447-14.4-14.4V107.487c0-7.953 6.447-14.4 14.4-14.4"/><circle cx="428.681" cy="388.046" r="12.319" fill="#D7F4F7"/><path fill="#8F9799" d="M365.016 397.127h28.187a9.08 9.08 0 0 0 9.082-9.082a9.08 9.08 0 0 0-9.082-9.082h-28.187a9.08 9.08 0 0 0-9.082 9.082c.001 5.016 4.067 9.082 9.082 9.082"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#ADB8BC" d="M215.5 343.369h81v135.144h-81z"/><path fill="#C5CFD1" d="M63.044 449.745h385.911c11.532 0 20.88 9.348 20.88 20.88v7.37c0 11.532-9.348 20.88-20.88 20.88H63.044c-11.532 0-20.88-9.348-20.88-20.88v-7.37c0-11.532 9.349-20.88 20.88-20.88M20.828 47.298h470.343c7.953 0 14.4 6.447 14.4 14.4v334.843c0 7.953-6.447 14.4-14.4 14.4H20.828c-7.953 0-14.4-6.447-14.4-14.4V61.698c0-7.953 6.447-14.4 14.4-14.4"/><path fill="#00B1FF" d="M62.768 93.087h386.463c7.953 0 14.4 6.447 14.4 14.4v243.265c0 7.953-6.447 14.4-14.4 14.4H62.768c-7.953 0-14.4-6.447-14.4-14.4V107.487c0-7.953 6.447-14.4 14.4-14.4"/><circle cx="428.681" cy="388.046" r="12.319" fill="#D7F4F7"/><path fill="#8F9799" d="M365.016 397.127h28.187a9.08 9.08 0 0 0 9.082-9.082a9.08 9.08 0 0 0-9.082-9.082h-28.187a9.08 9.08 0 0 0-9.082 9.082c.001 5.016 4.067 9.082 9.082 9.082"/></svg>
</template>

.icon-personalcomputer {
  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%23ADB8BC%22%20d%3D%22M215.5%20343.369h81v135.144h-81z%22%2F%3E%3Cpath%20fill%3D%22%23C5CFD1%22%20d%3D%22M63.044%20449.745h385.911c11.532%200%2020.88%209.348%2020.88%2020.88v7.37c0%2011.532-9.348%2020.88-20.88%2020.88H63.044c-11.532%200-20.88-9.348-20.88-20.88v-7.37c0-11.532%209.349-20.88%2020.88-20.88M20.828%2047.298h470.343c7.953%200%2014.4%206.447%2014.4%2014.4v334.843c0%207.953-6.447%2014.4-14.4%2014.4H20.828c-7.953%200-14.4-6.447-14.4-14.4V61.698c0-7.953%206.447-14.4%2014.4-14.4%22%2F%3E%3Cpath%20fill%3D%22%2300B1FF%22%20d%3D%22M62.768%2093.087h386.463c7.953%200%2014.4%206.447%2014.4%2014.4v243.265c0%207.953-6.447%2014.4-14.4%2014.4H62.768c-7.953%200-14.4-6.447-14.4-14.4V107.487c0-7.953%206.447-14.4%2014.4-14.4%22%2F%3E%3Ccircle%20cx%3D%22428.681%22%20cy%3D%22388.046%22%20r%3D%2212.319%22%20fill%3D%22%23D7F4F7%22%2F%3E%3Cpath%20fill%3D%22%238F9799%22%20d%3D%22M365.016%20397.127h28.187a9.08%209.08%200%200%200%209.082-9.082a9.08%209.08%200%200%200-9.082-9.082h-28.187a9.08%209.08%200%200%200-9.082%209.082c.001%205.016%204.067%209.082%209.082%209.082%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%23ADB8BC%22%20d%3D%22M215.5%20343.369h81v135.144h-81z%22%2F%3E%3Cpath%20fill%3D%22%23C5CFD1%22%20d%3D%22M63.044%20449.745h385.911c11.532%200%2020.88%209.348%2020.88%2020.88v7.37c0%2011.532-9.348%2020.88-20.88%2020.88H63.044c-11.532%200-20.88-9.348-20.88-20.88v-7.37c0-11.532%209.349-20.88%2020.88-20.88M20.828%2047.298h470.343c7.953%200%2014.4%206.447%2014.4%2014.4v334.843c0%207.953-6.447%2014.4-14.4%2014.4H20.828c-7.953%200-14.4-6.447-14.4-14.4V61.698c0-7.953%206.447-14.4%2014.4-14.4%22%2F%3E%3Cpath%20fill%3D%22%2300B1FF%22%20d%3D%22M62.768%2093.087h386.463c7.953%200%2014.4%206.447%2014.4%2014.4v243.265c0%207.953-6.447%2014.4-14.4%2014.4H62.768c-7.953%200-14.4-6.447-14.4-14.4V107.487c0-7.953%206.447-14.4%2014.4-14.4%22%2F%3E%3Ccircle%20cx%3D%22428.681%22%20cy%3D%22388.046%22%20r%3D%2212.319%22%20fill%3D%22%23D7F4F7%22%2F%3E%3Cpath%20fill%3D%22%238F9799%22%20d%3D%22M365.016%20397.127h28.187a9.08%209.08%200%200%200%209.082-9.082a9.08%209.08%200%200%200-9.082-9.082h-28.187a9.08%209.08%200%200%200-9.082%209.082c.001%205.016%204.067%209.082%209.082%209.082%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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