discloud logo
discloud from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- discloud
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
Use the discloud logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#57f287" d="m127.978 18.202l-19.935 19.21V18.28L72.409 35.544a15.09 15.09 0 0 1-15.133-.017L32.484 21.125a21.59 21.59 0 0 0-21.599-.056A21.62 21.62 0 0 0 .033 39.753L0 52.226v57.571l19.957-19.21v19.21l35.534-17.03a15.1 15.1 0 0 1 15.454-.173l24.577 14.28a21.6 21.6 0 0 0 21.598.062a21.6 21.6 0 0 0 10.847-18.679L128 75.785ZM106.49 79.86c0 3.51-3.737 5.75-6.832 4.093L82.13 74.58a40.15 40.15 0 0 0-38.916.582l-14.74 8.458c-3.094 1.775-6.953-.46-6.953-4.026v-31.19c0-3.577 3.876-5.812 6.97-4.021l14.59 8.452a40.15 40.15 0 0 0 39.193.588l17.368-9.378c3.094-1.67 6.848.57 6.848 4.087z"/></svg>
React
import type { SVGProps } from "react";
export function DeviconDiscloud(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#57f287" d="m127.978 18.202l-19.935 19.21V18.28L72.409 35.544a15.09 15.09 0 0 1-15.133-.017L32.484 21.125a21.59 21.59 0 0 0-21.599-.056A21.62 21.62 0 0 0 .033 39.753L0 52.226v57.571l19.957-19.21v19.21l35.534-17.03a15.1 15.1 0 0 1 15.454-.173l24.577 14.28a21.6 21.6 0 0 0 21.598.062a21.6 21.6 0 0 0 10.847-18.679L128 75.785ZM106.49 79.86c0 3.51-3.737 5.75-6.832 4.093L82.13 74.58a40.15 40.15 0 0 0-38.916.582l-14.74 8.458c-3.094 1.775-6.953-.46-6.953-4.026v-31.19c0-3.577 3.876-5.812 6.97-4.021l14.59 8.452a40.15 40.15 0 0 0 39.193.588l17.368-9.378c3.094-1.67 6.848.57 6.848 4.087z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#57f287" d="m127.978 18.202l-19.935 19.21V18.28L72.409 35.544a15.09 15.09 0 0 1-15.133-.017L32.484 21.125a21.59 21.59 0 0 0-21.599-.056A21.62 21.62 0 0 0 .033 39.753L0 52.226v57.571l19.957-19.21v19.21l35.534-17.03a15.1 15.1 0 0 1 15.454-.173l24.577 14.28a21.6 21.6 0 0 0 21.598.062a21.6 21.6 0 0 0 10.847-18.679L128 75.785ZM106.49 79.86c0 3.51-3.737 5.75-6.832 4.093L82.13 74.58a40.15 40.15 0 0 0-38.916.582l-14.74 8.458c-3.094 1.775-6.953-.46-6.953-4.026v-31.19c0-3.577 3.876-5.812 6.97-4.021l14.59 8.452a40.15 40.15 0 0 0 39.193.588l17.368-9.378c3.094-1.67 6.848.57 6.848 4.087z"/></svg> </template>
CSS
.icon-discloud {
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%2357f287%22%20d%3D%22m127.978%2018.202l-19.935%2019.21V18.28L72.409%2035.544a15.09%2015.09%200%200%201-15.133-.017L32.484%2021.125a21.59%2021.59%200%200%200-21.599-.056A21.62%2021.62%200%200%200%20.033%2039.753L0%2052.226v57.571l19.957-19.21v19.21l35.534-17.03a15.1%2015.1%200%200%201%2015.454-.173l24.577%2014.28a21.6%2021.6%200%200%200%2021.598.062a21.6%2021.6%200%200%200%2010.847-18.679L128%2075.785ZM106.49%2079.86c0%203.51-3.737%205.75-6.832%204.093L82.13%2074.58a40.15%2040.15%200%200%200-38.916.582l-14.74%208.458c-3.094%201.775-6.953-.46-6.953-4.026v-31.19c0-3.577%203.876-5.812%206.97-4.021l14.59%208.452a40.15%2040.15%200%200%200%2039.193.588l17.368-9.378c3.094-1.67%206.848.57%206.848%204.087z%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%2357f287%22%20d%3D%22m127.978%2018.202l-19.935%2019.21V18.28L72.409%2035.544a15.09%2015.09%200%200%201-15.133-.017L32.484%2021.125a21.59%2021.59%200%200%200-21.599-.056A21.62%2021.62%200%200%200%20.033%2039.753L0%2052.226v57.571l19.957-19.21v19.21l35.534-17.03a15.1%2015.1%200%200%201%2015.454-.173l24.577%2014.28a21.6%2021.6%200%200%200%2021.598.062a21.6%2021.6%200%200%200%2010.847-18.679L128%2075.785ZM106.49%2079.86c0%203.51-3.737%205.75-6.832%204.093L82.13%2074.58a40.15%2040.15%200%200%200-38.916.582l-14.74%208.458c-3.094%201.775-6.953-.46-6.953-4.026v-31.19c0-3.577%203.876-5.812%206.97-4.021l14.59%208.452a40.15%2040.15%200%200%200%2039.193.588l17.368-9.378c3.094-1.67%206.848.57%206.848%204.087z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/discloud.svg?color=%231a73e8&size=48
