computer disk emoji
computer-disk from OpenMoji by OpenMoji · Default · Objects · CC-BY-SA-4.0 Attribution required.
- Name
- computer-disk
- Set
- OpenMoji
- Style
- Default
- Category
- Objects
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More objects icons from OpenMoji
Use the computer disk emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#3f3f3f" d="M11 10.958h50v50H11z"/><path fill="#d0cfce" d="M52.55 47.117c-3.587 5.31-9.66 8.8-16.55 8.8c-11.023 0-19.958-8.936-19.958-19.959S24.977 16 36 16c6.857 0 12.906 3.458 16.5 8.725"/><circle cx="35.927" cy="35.887" r="19.958" fill="#d0cfce"/><path fill="#d0cfce" d="M17.513 26.386c3.078-5.938 8.954-10.29 16.097-11.121c11.43-1.331 21.773 6.855 23.103 18.284c1.33 11.43-6.856 21.773-18.284 23.103c-7.11.828-13.8-2.027-18.16-7.055"/><path fill="#d0cfce" d="M52.55 47.046c-3.587 5.309-9.66 8.8-16.55 8.8c-11.023 0-19.958-8.936-19.958-19.96S24.977 15.93 36 15.93c6.857 0 12.906 3.457 16.5 8.724"/><circle cx="36" cy="35.958" r="5" fill="#3f3f3f"/><path fill="#d0cfce" d="M44 36.501v5.474l17 2.458V28.5l-17 2.458v5.475"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M11 10.958h50v50H11z"/><path d="M52.55 47.046c-3.587 5.309-9.66 8.8-16.55 8.8c-11.023 0-19.958-8.936-19.958-19.96S24.977 15.93 36 15.93c6.857 0 12.906 3.457 16.5 8.724"/><circle cx="36" cy="35.958" r="5"/><path d="M44 36.501v5.474l17 2.458V28.5l-17 2.458v5.475z"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiComputerDisk(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#3f3f3f" d="M11 10.958h50v50H11z"/><path fill="#d0cfce" d="M52.55 47.117c-3.587 5.31-9.66 8.8-16.55 8.8c-11.023 0-19.958-8.936-19.958-19.959S24.977 16 36 16c6.857 0 12.906 3.458 16.5 8.725"/><circle cx="35.927" cy="35.887" r="19.958" fill="#d0cfce"/><path fill="#d0cfce" d="M17.513 26.386c3.078-5.938 8.954-10.29 16.097-11.121c11.43-1.331 21.773 6.855 23.103 18.284c1.33 11.43-6.856 21.773-18.284 23.103c-7.11.828-13.8-2.027-18.16-7.055"/><path fill="#d0cfce" d="M52.55 47.046c-3.587 5.309-9.66 8.8-16.55 8.8c-11.023 0-19.958-8.936-19.958-19.96S24.977 15.93 36 15.93c6.857 0 12.906 3.457 16.5 8.724"/><circle cx="36" cy="35.958" r="5" fill="#3f3f3f"/><path fill="#d0cfce" d="M44 36.501v5.474l17 2.458V28.5l-17 2.458v5.475"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2"><path d="M11 10.958h50v50H11z"/><path d="M52.55 47.046c-3.587 5.309-9.66 8.8-16.55 8.8c-11.023 0-19.958-8.936-19.958-19.96S24.977 15.93 36 15.93c6.857 0 12.906 3.457 16.5 8.724"/><circle cx="36" cy="35.958" r="5"/><path d="M44 36.501v5.474l17 2.458V28.5l-17 2.458v5.475z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#3f3f3f" d="M11 10.958h50v50H11z"/><path fill="#d0cfce" d="M52.55 47.117c-3.587 5.31-9.66 8.8-16.55 8.8c-11.023 0-19.958-8.936-19.958-19.959S24.977 16 36 16c6.857 0 12.906 3.458 16.5 8.725"/><circle cx="35.927" cy="35.887" r="19.958" fill="#d0cfce"/><path fill="#d0cfce" d="M17.513 26.386c3.078-5.938 8.954-10.29 16.097-11.121c11.43-1.331 21.773 6.855 23.103 18.284c1.33 11.43-6.856 21.773-18.284 23.103c-7.11.828-13.8-2.027-18.16-7.055"/><path fill="#d0cfce" d="M52.55 47.046c-3.587 5.309-9.66 8.8-16.55 8.8c-11.023 0-19.958-8.936-19.958-19.96S24.977 15.93 36 15.93c6.857 0 12.906 3.457 16.5 8.724"/><circle cx="36" cy="35.958" r="5" fill="#3f3f3f"/><path fill="#d0cfce" d="M44 36.501v5.474l17 2.458V28.5l-17 2.458v5.475"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M11 10.958h50v50H11z"/><path d="M52.55 47.046c-3.587 5.309-9.66 8.8-16.55 8.8c-11.023 0-19.958-8.936-19.958-19.96S24.977 15.93 36 15.93c6.857 0 12.906 3.457 16.5 8.724"/><circle cx="36" cy="35.958" r="5"/><path d="M44 36.501v5.474l17 2.458V28.5l-17 2.458v5.475z"/></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%2072%2072%22%3E%3Cpath%20fill%3D%22%233f3f3f%22%20d%3D%22M11%2010.958h50v50H11z%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M52.55%2047.117c-3.587%205.31-9.66%208.8-16.55%208.8c-11.023%200-19.958-8.936-19.958-19.959S24.977%2016%2036%2016c6.857%200%2012.906%203.458%2016.5%208.725%22%2F%3E%3Ccircle%20cx%3D%2235.927%22%20cy%3D%2235.887%22%20r%3D%2219.958%22%20fill%3D%22%23d0cfce%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M17.513%2026.386c3.078-5.938%208.954-10.29%2016.097-11.121c11.43-1.331%2021.773%206.855%2023.103%2018.284c1.33%2011.43-6.856%2021.773-18.284%2023.103c-7.11.828-13.8-2.027-18.16-7.055%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M52.55%2047.046c-3.587%205.309-9.66%208.8-16.55%208.8c-11.023%200-19.958-8.936-19.958-19.96S24.977%2015.93%2036%2015.93c6.857%200%2012.906%203.457%2016.5%208.724%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2235.958%22%20r%3D%225%22%20fill%3D%22%233f3f3f%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M44%2036.501v5.474l17%202.458V28.5l-17%202.458v5.475%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M11%2010.958h50v50H11z%22%2F%3E%3Cpath%20d%3D%22M52.55%2047.046c-3.587%205.309-9.66%208.8-16.55%208.8c-11.023%200-19.958-8.936-19.958-19.96S24.977%2015.93%2036%2015.93c6.857%200%2012.906%203.457%2016.5%208.724%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2235.958%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22M44%2036.501v5.474l17%202.458V28.5l-17%202.458v5.475z%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%2072%2072%22%3E%3Cpath%20fill%3D%22%233f3f3f%22%20d%3D%22M11%2010.958h50v50H11z%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M52.55%2047.117c-3.587%205.31-9.66%208.8-16.55%208.8c-11.023%200-19.958-8.936-19.958-19.959S24.977%2016%2036%2016c6.857%200%2012.906%203.458%2016.5%208.725%22%2F%3E%3Ccircle%20cx%3D%2235.927%22%20cy%3D%2235.887%22%20r%3D%2219.958%22%20fill%3D%22%23d0cfce%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M17.513%2026.386c3.078-5.938%208.954-10.29%2016.097-11.121c11.43-1.331%2021.773%206.855%2023.103%2018.284c1.33%2011.43-6.856%2021.773-18.284%2023.103c-7.11.828-13.8-2.027-18.16-7.055%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M52.55%2047.046c-3.587%205.309-9.66%208.8-16.55%208.8c-11.023%200-19.958-8.936-19.958-19.96S24.977%2015.93%2036%2015.93c6.857%200%2012.906%203.457%2016.5%208.724%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2235.958%22%20r%3D%225%22%20fill%3D%22%233f3f3f%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M44%2036.501v5.474l17%202.458V28.5l-17%202.458v5.475%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M11%2010.958h50v50H11z%22%2F%3E%3Cpath%20d%3D%22M52.55%2047.046c-3.587%205.309-9.66%208.8-16.55%208.8c-11.023%200-19.958-8.936-19.958-19.96S24.977%2015.93%2036%2015.93c6.857%200%2012.906%203.457%2016.5%208.724%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2235.958%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22M44%2036.501v5.474l17%202.458V28.5l-17%202.458v5.475z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/computer-disk.svg?color=%231a73e8&size=48
