cloudron logo

cloudron from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
cloudron
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the cloudron logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.016.86c-2.676-.004-5.353.182-6.002.562C4.714 2.182.002 10.46 0 11.984c-.002 1.525 4.69 9.813 5.986 10.577c1.297.764 10.701.778 12 .017c1.3-.76 6.012-9.038 6.014-10.562c.002-1.525-4.69-9.813-5.986-10.577c-.649-.382-3.323-.576-5.998-.58zm-.268 4.363h2.38c.85 0 1.534.682 1.534 1.53V9.23a1.53 1.53 0 0 1-1.533 1.533h-2.381q-.191-.002-.367-.047l.002.047v2.476l-.002.047q.176-.045.367-.047h2.38a1.53 1.53 0 0 1 1.534 1.533v2.475c0 .849-.684 1.531-1.533 1.531h-2.381a1.53 1.53 0 0 1-1.533-1.53V14.77l.002-.046a1.5 1.5 0 0 1-.365.045H7.469a1.527 1.527 0 0 1-1.532-1.532v-2.476c0-.849.683-1.532 1.532-1.532h2.383q.19.002.365.045l-.002-.046V6.754c0-.849.684-1.531 1.533-1.531"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsCloudron(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.016.86c-2.676-.004-5.353.182-6.002.562C4.714 2.182.002 10.46 0 11.984c-.002 1.525 4.69 9.813 5.986 10.577c1.297.764 10.701.778 12 .017c1.3-.76 6.012-9.038 6.014-10.562c.002-1.525-4.69-9.813-5.986-10.577c-.649-.382-3.323-.576-5.998-.58zm-.268 4.363h2.38c.85 0 1.534.682 1.534 1.53V9.23a1.53 1.53 0 0 1-1.533 1.533h-2.381q-.191-.002-.367-.047l.002.047v2.476l-.002.047q.176-.045.367-.047h2.38a1.53 1.53 0 0 1 1.534 1.533v2.475c0 .849-.684 1.531-1.533 1.531h-2.381a1.53 1.53 0 0 1-1.533-1.53V14.77l.002-.046a1.5 1.5 0 0 1-.365.045H7.469a1.527 1.527 0 0 1-1.532-1.532v-2.476c0-.849.683-1.532 1.532-1.532h2.383q.19.002.365.045l-.002-.046V6.754c0-.849.684-1.531 1.533-1.531"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.016.86c-2.676-.004-5.353.182-6.002.562C4.714 2.182.002 10.46 0 11.984c-.002 1.525 4.69 9.813 5.986 10.577c1.297.764 10.701.778 12 .017c1.3-.76 6.012-9.038 6.014-10.562c.002-1.525-4.69-9.813-5.986-10.577c-.649-.382-3.323-.576-5.998-.58zm-.268 4.363h2.38c.85 0 1.534.682 1.534 1.53V9.23a1.53 1.53 0 0 1-1.533 1.533h-2.381q-.191-.002-.367-.047l.002.047v2.476l-.002.047q.176-.045.367-.047h2.38a1.53 1.53 0 0 1 1.534 1.533v2.475c0 .849-.684 1.531-1.533 1.531h-2.381a1.53 1.53 0 0 1-1.533-1.53V14.77l.002-.046a1.5 1.5 0 0 1-.365.045H7.469a1.527 1.527 0 0 1-1.532-1.532v-2.476c0-.849.683-1.532 1.532-1.532h2.383q.19.002.365.045l-.002-.046V6.754c0-.849.684-1.531 1.533-1.531"/></svg>
</template>

CSS

.icon-cloudron {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.016.86c-2.676-.004-5.353.182-6.002.562C4.714%202.182.002%2010.46%200%2011.984c-.002%201.525%204.69%209.813%205.986%2010.577c1.297.764%2010.701.778%2012%20.017c1.3-.76%206.012-9.038%206.014-10.562c.002-1.525-4.69-9.813-5.986-10.577c-.649-.382-3.323-.576-5.998-.58zm-.268%204.363h2.38c.85%200%201.534.682%201.534%201.53V9.23a1.53%201.53%200%200%201-1.533%201.533h-2.381q-.191-.002-.367-.047l.002.047v2.476l-.002.047q.176-.045.367-.047h2.38a1.53%201.53%200%200%201%201.534%201.533v2.475c0%20.849-.684%201.531-1.533%201.531h-2.381a1.53%201.53%200%200%201-1.533-1.53V14.77l.002-.046a1.5%201.5%200%200%201-.365.045H7.469a1.527%201.527%200%200%201-1.532-1.532v-2.476c0-.849.683-1.532%201.532-1.532h2.383q.19.002.365.045l-.002-.046V6.754c0-.849.684-1.531%201.533-1.531%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.016.86c-2.676-.004-5.353.182-6.002.562C4.714%202.182.002%2010.46%200%2011.984c-.002%201.525%204.69%209.813%205.986%2010.577c1.297.764%2010.701.778%2012%20.017c1.3-.76%206.012-9.038%206.014-10.562c.002-1.525-4.69-9.813-5.986-10.577c-.649-.382-3.323-.576-5.998-.58zm-.268%204.363h2.38c.85%200%201.534.682%201.534%201.53V9.23a1.53%201.53%200%200%201-1.533%201.533h-2.381q-.191-.002-.367-.047l.002.047v2.476l-.002.047q.176-.045.367-.047h2.38a1.53%201.53%200%200%201%201.534%201.533v2.475c0%20.849-.684%201.531-1.533%201.531h-2.381a1.53%201.53%200%200%201-1.533-1.53V14.77l.002-.046a1.5%201.5%200%200%201-.365.045H7.469a1.527%201.527%200%200%201-1.532-1.532v-2.476c0-.849.683-1.532%201.532-1.532h2.383q.19.002.365.045l-.002-.046V6.754c0-.849.684-1.531%201.533-1.531%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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