computer disk emoji

computer-disk from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.

Name
computer-disk
Set
Fluent Emoji Flat
Style
Default
Category
Objects
Viewbox
32×32
License
MIT

The same emoji in other sets

computer-diskEmoji One (Colored)computer-diskFluent Emojicomputer-diskFluent Emoji High Contrastcomputer-diskNoto Emojicomputer-diskOpenMojicomputer-diskStreamline Emojiscomputer-diskTwitter Emoji

More objects icons from Fluent Emoji Flat

abacusaccordionadhesive-bandagealembicaxebackpackbalance-scaleballet-shoesballot-box-with-ballotbanjobar-chartbasketbathtubbatterybedbellbell-with-slashbikinibilled-capblack-nibblue-bookbookmarkbookmark-tabsbooks

Use the computer disk emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#433b6b" d="M2 5a3 3 0 0 1 3-3h22a3 3 0 0 1 3 3v22a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3z"/><path fill="#ffb02e" d="M16 28c6.627 0 12-5.373 12-12S22.627 4 16 4S4 9.373 4 16s5.373 12 12 12m0-9a3 3 0 1 1 0-6a3 3 0 0 1 0 6"/><path fill="#fcd53f" d="m22.42 8.997l-4.055 4.423A3.5 3.5 0 0 0 16 12.5a3.5 3.5 0 0 0-1.942.588l-3.33-4.995c-.458-.688-.276-1.63.469-1.992A10.96 10.96 0 0 1 16 5c2.327 0 4.485.723 6.263 1.956c.68.472.716 1.43.157 2.04m-1.617 16.902c.745-.362.927-1.303.468-1.992l-3.33-4.994A3.5 3.5 0 0 1 16 19.5a3.5 3.5 0 0 1-2.365-.92L9.58 23.003c-.56.61-.523 1.57.157 2.041A10.95 10.95 0 0 0 16 27c1.722 0 3.352-.396 4.803-1.101"/><path fill="#ff822d" d="M16 20a4 4 0 1 0 0-8a4 4 0 0 0 0 8m0-1a3 3 0 1 1 0-6a3 3 0 0 1 0 6"/><path fill="#d3d3d3" d="M20 13a2 2 0 0 1 2-2h8v10h-8a2 2 0 0 1-2-2z"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatComputerDisk(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#433b6b" d="M2 5a3 3 0 0 1 3-3h22a3 3 0 0 1 3 3v22a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3z"/><path fill="#ffb02e" d="M16 28c6.627 0 12-5.373 12-12S22.627 4 16 4S4 9.373 4 16s5.373 12 12 12m0-9a3 3 0 1 1 0-6a3 3 0 0 1 0 6"/><path fill="#fcd53f" d="m22.42 8.997l-4.055 4.423A3.5 3.5 0 0 0 16 12.5a3.5 3.5 0 0 0-1.942.588l-3.33-4.995c-.458-.688-.276-1.63.469-1.992A10.96 10.96 0 0 1 16 5c2.327 0 4.485.723 6.263 1.956c.68.472.716 1.43.157 2.04m-1.617 16.902c.745-.362.927-1.303.468-1.992l-3.33-4.994A3.5 3.5 0 0 1 16 19.5a3.5 3.5 0 0 1-2.365-.92L9.58 23.003c-.56.61-.523 1.57.157 2.041A10.95 10.95 0 0 0 16 27c1.722 0 3.352-.396 4.803-1.101"/><path fill="#ff822d" d="M16 20a4 4 0 1 0 0-8a4 4 0 0 0 0 8m0-1a3 3 0 1 1 0-6a3 3 0 0 1 0 6"/><path fill="#d3d3d3" d="M20 13a2 2 0 0 1 2-2h8v10h-8a2 2 0 0 1-2-2z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#433b6b" d="M2 5a3 3 0 0 1 3-3h22a3 3 0 0 1 3 3v22a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3z"/><path fill="#ffb02e" d="M16 28c6.627 0 12-5.373 12-12S22.627 4 16 4S4 9.373 4 16s5.373 12 12 12m0-9a3 3 0 1 1 0-6a3 3 0 0 1 0 6"/><path fill="#fcd53f" d="m22.42 8.997l-4.055 4.423A3.5 3.5 0 0 0 16 12.5a3.5 3.5 0 0 0-1.942.588l-3.33-4.995c-.458-.688-.276-1.63.469-1.992A10.96 10.96 0 0 1 16 5c2.327 0 4.485.723 6.263 1.956c.68.472.716 1.43.157 2.04m-1.617 16.902c.745-.362.927-1.303.468-1.992l-3.33-4.994A3.5 3.5 0 0 1 16 19.5a3.5 3.5 0 0 1-2.365-.92L9.58 23.003c-.56.61-.523 1.57.157 2.041A10.95 10.95 0 0 0 16 27c1.722 0 3.352-.396 4.803-1.101"/><path fill="#ff822d" d="M16 20a4 4 0 1 0 0-8a4 4 0 0 0 0 8m0-1a3 3 0 1 1 0-6a3 3 0 0 1 0 6"/><path fill="#d3d3d3" d="M20 13a2 2 0 0 1 2-2h8v10h-8a2 2 0 0 1-2-2z"/></g></svg>
</template>

CSS

.icon-computer-disk {
  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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23433b6b%22%20d%3D%22M2%205a3%203%200%200%201%203-3h22a3%203%200%200%201%203%203v22a3%203%200%200%201-3%203H5a3%203%200%200%201-3-3z%22%2F%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M16%2028c6.627%200%2012-5.373%2012-12S22.627%204%2016%204S4%209.373%204%2016s5.373%2012%2012%2012m0-9a3%203%200%201%201%200-6a3%203%200%200%201%200%206%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22m22.42%208.997l-4.055%204.423A3.5%203.5%200%200%200%2016%2012.5a3.5%203.5%200%200%200-1.942.588l-3.33-4.995c-.458-.688-.276-1.63.469-1.992A10.96%2010.96%200%200%201%2016%205c2.327%200%204.485.723%206.263%201.956c.68.472.716%201.43.157%202.04m-1.617%2016.902c.745-.362.927-1.303.468-1.992l-3.33-4.994A3.5%203.5%200%200%201%2016%2019.5a3.5%203.5%200%200%201-2.365-.92L9.58%2023.003c-.56.61-.523%201.57.157%202.041A10.95%2010.95%200%200%200%2016%2027c1.722%200%203.352-.396%204.803-1.101%22%2F%3E%3Cpath%20fill%3D%22%23ff822d%22%20d%3D%22M16%2020a4%204%200%201%200%200-8a4%204%200%200%200%200%208m0-1a3%203%200%201%201%200-6a3%203%200%200%201%200%206%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M20%2013a2%202%200%200%201%202-2h8v10h-8a2%202%200%200%201-2-2z%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23433b6b%22%20d%3D%22M2%205a3%203%200%200%201%203-3h22a3%203%200%200%201%203%203v22a3%203%200%200%201-3%203H5a3%203%200%200%201-3-3z%22%2F%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M16%2028c6.627%200%2012-5.373%2012-12S22.627%204%2016%204S4%209.373%204%2016s5.373%2012%2012%2012m0-9a3%203%200%201%201%200-6a3%203%200%200%201%200%206%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22m22.42%208.997l-4.055%204.423A3.5%203.5%200%200%200%2016%2012.5a3.5%203.5%200%200%200-1.942.588l-3.33-4.995c-.458-.688-.276-1.63.469-1.992A10.96%2010.96%200%200%201%2016%205c2.327%200%204.485.723%206.263%201.956c.68.472.716%201.43.157%202.04m-1.617%2016.902c.745-.362.927-1.303.468-1.992l-3.33-4.994A3.5%203.5%200%200%201%2016%2019.5a3.5%203.5%200%200%201-2.365-.92L9.58%2023.003c-.56.61-.523%201.57.157%202.041A10.95%2010.95%200%200%200%2016%2027c1.722%200%203.352-.396%204.803-1.101%22%2F%3E%3Cpath%20fill%3D%22%23ff822d%22%20d%3D%22M16%2020a4%204%200%201%200%200-8a4%204%200%200%200%200%208m0-1a3%203%200%201%201%200-6a3%203%200%200%201%200%206%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M20%2013a2%202%200%200%201%202-2h8v10h-8a2%202%200%200%201-2-2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/computer-disk.svg?color=%231a73e8&size=48