Miscellaneous
Brand Guidelines
Miscellaneous
Brand Guidelines
Modular Cloud’s assets, logos, and brand guidelines.
We welcome our partners, customers, and users to use Modular Cloud’s assets in order to beautifully illustrate your intention or existing use of our services.
Logo
Full
Copy the PNG above or the SVG below.
<svg
width="2089"
height="396"
viewBox="0 0 2089 396"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_2362_3449)">
<rect
width="396"
height="396"
rx="88"
fill="url(#paint0_linear_2362_3449)"
/>
<g style="mix-blend-mode: soft-light">
<rect
width="396"
height="396"
fill="url(#paint1_linear_2362_3449)"
fill-opacity="0.55"
/>
</g>
<rect
width="396"
height="396"
fill="url(#paint2_linear_2362_3449)"
fill-opacity="0.32"
/>
<g filter="url(#filter0_dddddd_2362_3449)">
<g filter="url(#filter1_i_2362_3449)">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M110.227 296.005C206.514 282.966 282.97 206.52 296.012 110.221C296.887 103.761 291.881 98.0078 285.362 98.0078H108.758C102.819 98.0078 98.0097 102.818 98.0097 108.757V285.359C98.0097 291.873 103.762 296.884 110.227 296.005ZM298 287.242V224.149L297.995 224.154C297.995 219.399 291.84 217.492 289.173 221.428C271.125 248.085 248.095 271.117 221.441 289.168C217.506 291.83 219.412 297.991 224.167 297.991H287.252C293.191 297.991 298 293.177 298 287.242Z"
fill="url(#paint3_linear_2362_3449)"
fill-opacity="0.85"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M110.227 296.005C206.514 282.966 282.97 206.52 296.012 110.221C296.887 103.761 291.881 98.0078 285.362 98.0078H108.758C102.819 98.0078 98.0097 102.818 98.0097 108.757V285.359C98.0097 291.873 103.762 296.884 110.227 296.005ZM298 287.242V224.149L297.995 224.154C297.995 219.399 291.84 217.492 289.173 221.428C271.125 248.085 248.095 271.117 221.441 289.168C217.506 291.83 219.412 297.991 224.167 297.991H287.252C293.191 297.991 298 293.177 298 287.242Z"
fill="url(#paint4_linear_2362_3449)"
fill-opacity="0.7"
/>
</g>
</g>
<g filter="url(#filter2_iiii_2362_3449)">
<g filter="url(#filter3_i_2362_3449)">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M110.227 296.005C206.514 282.966 282.97 206.52 296.012 110.221C296.887 103.761 291.881 98.0078 285.362 98.0078H108.758C102.819 98.0078 98.0097 102.818 98.0097 108.757V285.359C98.0097 291.873 103.762 296.884 110.227 296.005ZM298 287.242V224.149L297.995 224.154C297.995 219.399 291.84 217.492 289.173 221.428C271.125 248.085 248.095 271.117 221.441 289.168C217.506 291.83 219.412 297.991 224.167 297.991H287.252C293.191 297.991 298 293.177 298 287.242Z"
fill="white"
fill-opacity="0.01"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M110.227 296.005C206.514 282.966 282.97 206.52 296.012 110.221C296.887 103.761 291.881 98.0078 285.362 98.0078H108.758C102.819 98.0078 98.0097 102.818 98.0097 108.757V285.359C98.0097 291.873 103.762 296.884 110.227 296.005ZM298 287.242V224.149L297.995 224.154C297.995 219.399 291.84 217.492 289.173 221.428C271.125 248.085 248.095 271.117 221.441 289.168C217.506 291.83 219.412 297.991 224.167 297.991H287.252C293.191 297.991 298 293.177 298 287.242Z"
fill="url(#paint5_radial_2362_3449)"
fill-opacity="0.3"
/>
</g>
<g style="mix-blend-mode: screen">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M110.227 296.005C206.514 282.966 282.97 206.52 296.012 110.221C296.887 103.761 291.881 98.0078 285.362 98.0078H108.758C102.819 98.0078 98.0097 102.818 98.0097 108.757V285.359C98.0097 291.873 103.762 296.884 110.227 296.005ZM298 287.242V224.149L297.995 224.154C297.995 219.399 291.84 217.492 289.173 221.428C271.125 248.085 248.095 271.117 221.441 289.168C217.506 291.83 219.412 297.991 224.167 297.991H287.252C293.191 297.991 298 293.177 298 287.242Z"
fill="white"
fill-opacity="0.01"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M110.227 296.005C206.514 282.966 282.97 206.52 296.012 110.221C296.887 103.761 291.881 98.0078 285.362 98.0078H108.758C102.819 98.0078 98.0097 102.818 98.0097 108.757V285.359C98.0097 291.873 103.762 296.884 110.227 296.005ZM298 287.242V224.149L297.995 224.154C297.995 219.399 291.84 217.492 289.173 221.428C271.125 248.085 248.095 271.117 221.441 289.168C217.506 291.83 219.412 297.991 224.167 297.991H287.252C293.191 297.991 298 293.177 298 287.242Z"
fill="url(#paint6_radial_2362_3449)"
fill-opacity="0.3"
/>
</g>
</g>
<g style="mix-blend-mode: screen">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M110.226 296.005C206.513 282.966 282.969 206.52 296.011 110.221C296.886 103.761 291.88 98.0078 285.361 98.0078H108.757C102.818 98.0078 98.0088 102.818 98.0088 108.757V285.359C98.0088 291.873 103.761 296.884 110.226 296.005ZM297.997 287.242V224.15L297.993 224.155C297.993 219.399 291.837 217.493 289.17 221.428C271.122 248.086 248.093 271.118 221.438 289.168C217.503 291.831 219.409 297.992 224.165 297.992H287.249C293.188 297.992 297.997 293.177 297.997 287.242Z"
fill="url(#paint7_linear_2362_3449)"
fill-opacity="0.16"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M110.226 296.005C206.513 282.966 282.969 206.52 296.011 110.221C296.886 103.761 291.88 98.0078 285.361 98.0078H108.757C102.818 98.0078 98.0088 102.818 98.0088 108.757V285.359C98.0088 291.873 103.761 296.884 110.226 296.005ZM297.997 287.242V224.15L297.993 224.155C297.993 219.399 291.837 217.493 289.17 221.428C271.122 248.086 248.093 271.118 221.438 289.168C217.503 291.831 219.409 297.992 224.165 297.992H287.249C293.188 297.992 297.997 293.177 297.997 287.242Z"
fill="url(#paint8_linear_2362_3449)"
fill-opacity="0.16"
/>
</g>
</g>
<rect
x="6"
y="6"
width="384"
height="384"
rx="82"
stroke="white"
stroke-opacity="0.16"
stroke-width="12"
/>
<path
d="M532.64 111.6H568.16L618.8 251.52L669.44 111.6H704.96V282H678.8V158.88L633.2 281.76H604.4L558.56 158.88V282H532.64V111.6ZM785.143 284.88C748.423 284.88 724.423 258.96 724.423 218.4C724.423 177.84 748.423 151.92 785.143 151.92C821.623 151.92 845.623 177.84 845.623 218.4C845.623 258.96 821.623 284.88 785.143 284.88ZM750.823 218.4C750.823 246.24 763.543 262.8 785.143 262.8C806.743 262.8 819.223 246.24 819.223 218.4C819.223 190.56 806.743 174 785.143 174C763.543 174 750.823 190.56 750.823 218.4ZM977.568 111.6V282H953.808L953.088 263.76C945.888 276.72 931.008 284.88 913.488 284.88C880.368 284.88 859.728 259.2 859.728 218.4C859.728 177.6 880.368 151.92 913.488 151.92C930.048 151.92 944.928 159.6 952.128 171.84V111.6H977.568ZM886.128 218.4C886.128 245.76 899.568 263.04 919.968 263.04C940.848 263.04 954.048 245.76 954.048 218.4C954.048 190.56 940.848 173.04 919.968 173.04C899.328 173.04 886.128 190.56 886.128 218.4ZM1106.63 282H1082.87L1082.63 261.12C1075.67 277.92 1061.27 284.88 1044.71 284.88C1016.63 284.88 1001.99 264.48 1001.99 236.64V154.8H1027.43V228.72C1027.43 251.28 1034.15 263.52 1051.43 263.52C1069.67 263.52 1081.19 251.28 1081.19 228.72V154.8H1106.63V282ZM1135.42 111.6H1160.86V252.48C1160.86 258.24 1163.98 261.12 1169.5 261.12H1179.82V282H1163.98C1146.94 282 1135.42 270.96 1135.42 253.68V111.6ZM1194.19 192.96C1199.23 167.28 1219.39 151.92 1248.67 151.92C1283.23 151.92 1302.19 171.12 1302.19 205.92V253.2C1302.19 259.68 1305.07 262.08 1310.11 262.08H1315.15V282H1307.23C1295.71 282.24 1280.11 280.32 1278.91 262.32C1273.15 274.56 1258.99 284.88 1237.87 284.88C1212.19 284.88 1192.03 271.2 1192.03 248.64C1192.03 223.2 1210.99 215.76 1240.27 210.24L1276.75 203.04C1276.51 182.64 1267.15 172.56 1248.67 172.56C1233.79 172.56 1223.95 180.24 1220.59 194.64L1194.19 192.96ZM1218.43 248.16C1218.43 257.52 1226.59 265.2 1243.39 265.2C1262.35 264.96 1277.23 251.52 1277.23 224.16V222.48L1250.11 227.28C1232.59 230.4 1218.43 232.08 1218.43 248.16ZM1332.19 154.8H1355.47L1356.19 178.8C1360.75 162.48 1370.35 154.8 1386.67 154.8H1398.91V175.68H1386.43C1366.51 175.68 1357.63 186.72 1357.63 207.84V282H1332.19V154.8ZM1614.1 224.16C1607.62 261.6 1583.14 285.84 1543.3 285.84C1493.86 285.84 1464.58 246.96 1464.58 197.04C1464.58 147.12 1493.86 107.76 1543.3 107.76C1580.5 107.76 1605.46 130.56 1612.9 166.08L1585.54 167.52C1580.5 144.48 1565.14 131.52 1543.06 131.52C1507.3 131.52 1491.46 161.28 1491.46 197.04C1491.46 232.56 1507.54 262.08 1543.06 262.08C1566.34 262.08 1581.94 247.92 1586.5 222.72L1614.1 224.16ZM1634.73 111.6H1660.17V252.48C1660.17 258.24 1663.29 261.12 1668.81 261.12H1679.13V282H1663.29C1646.25 282 1634.73 270.96 1634.73 253.68V111.6ZM1750.19 284.88C1713.47 284.88 1689.47 258.96 1689.47 218.4C1689.47 177.84 1713.47 151.92 1750.19 151.92C1786.67 151.92 1810.67 177.84 1810.67 218.4C1810.67 258.96 1786.67 284.88 1750.19 284.88ZM1715.87 218.4C1715.87 246.24 1728.59 262.8 1750.19 262.8C1771.79 262.8 1784.27 246.24 1784.27 218.4C1784.27 190.56 1771.79 174 1750.19 174C1728.59 174 1715.87 190.56 1715.87 218.4ZM1934.03 282H1910.27L1910.03 261.12C1903.07 277.92 1888.67 284.88 1872.11 284.88C1844.03 284.88 1829.39 264.48 1829.39 236.64V154.8H1854.83V228.72C1854.83 251.28 1861.55 263.52 1878.83 263.52C1897.07 263.52 1908.59 251.28 1908.59 228.72V154.8H1934.03V282ZM2070.18 111.6V282H2046.42L2045.7 263.76C2038.5 276.72 2023.62 284.88 2006.1 284.88C1972.98 284.88 1952.34 259.2 1952.34 218.4C1952.34 177.6 1972.98 151.92 2006.1 151.92C2022.66 151.92 2037.54 159.6 2044.74 171.84V111.6H2070.18ZM1978.74 218.4C1978.74 245.76 1992.18 263.04 2012.58 263.04C2033.46 263.04 2046.66 245.76 2046.66 218.4C2046.66 190.56 2033.46 173.04 2012.58 173.04C1991.94 173.04 1978.74 190.56 1978.74 218.4Z"
fill="#191920"
/>
<defs>
<filter
id="filter0_dddddd_2362_3449"
x="75.4223"
y="89.3573"
width="320.617"
height="435.949"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.0156863 0 0 0 0 0.00784314 0 0 0 0 0.133333 0 0 0 0.61 0"
/>
<feBlend
mode="overlay"
in2="BackgroundImageFix"
result="effect1_dropShadow_2362_3449"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx="1.92233" dy="7.20874" />
<feGaussianBlur stdDeviation="7.92961" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.0156863 0 0 0 0 0.00784314 0 0 0 0 0.133333 0 0 0 0.4 0"
/>
<feBlend
mode="overlay"
in2="effect1_dropShadow_2362_3449"
result="effect2_dropShadow_2362_3449"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx="7.68932" dy="28.3544" />
<feGaussianBlur stdDeviation="14.6578" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.0156863 0 0 0 0 0.00784314 0 0 0 0 0.133333 0 0 0 0.32 0"
/>
<feBlend
mode="overlay"
in2="effect2_dropShadow_2362_3449"
result="effect3_dropShadow_2362_3449"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx="16.8204" dy="63.4369" />
<feGaussianBlur stdDeviation="19.7039" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.0156863 0 0 0 0 0.00784314 0 0 0 0 0.133333 0 0 0 0.12 0"
/>
<feBlend
mode="overlay"
in2="effect3_dropShadow_2362_3449"
result="effect4_dropShadow_2362_3449"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx="30.2767" dy="112.937" />
<feGaussianBlur stdDeviation="23.3083" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.0156863 0 0 0 0 0.00784314 0 0 0 0 0.133333 0 0 0 0.04 0"
/>
<feBlend
mode="overlay"
in2="effect4_dropShadow_2362_3449"
result="effect5_dropShadow_2362_3449"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx="47.0971" dy="176.374" />
<feGaussianBlur stdDeviation="25.4709" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.0156863 0 0 0 0 0.00784314 0 0 0 0 0.133333 0 0 0 0.01 0"
/>
<feBlend
mode="overlay"
in2="effect5_dropShadow_2362_3449"
result="effect6_dropShadow_2362_3449"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect6_dropShadow_2362_3449"
result="shape"
/>
</filter>
<filter
id="filter1_i_2362_3449"
x="98.0097"
y="98.0078"
width="199.99"
height="206.841"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="6.85769" />
<feGaussianBlur stdDeviation="6.85769" />
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_2362_3449"
/>
</filter>
<filter
id="filter2_iiii_2362_3449"
x="98.0097"
y="61.4835"
width="199.99"
height="294.178"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="-36.5243" />
<feGaussianBlur stdDeviation="22.1068" />
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_2362_3449"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="17.301" />
<feGaussianBlur stdDeviation="14.4175" />
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_2362_3449"
result="effect2_innerShadow_2362_3449"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="34.6019" />
<feGaussianBlur stdDeviation="28.835" />
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_2362_3449"
result="effect3_innerShadow_2362_3449"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="69.2039" />
<feGaussianBlur stdDeviation="28.835" />
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"
/>
<feBlend
mode="normal"
in2="effect3_innerShadow_2362_3449"
result="effect4_innerShadow_2362_3449"
/>
</filter>
<filter
id="filter3_i_2362_3449"
x="98.0097"
y="98.0078"
width="199.99"
height="206.841"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="6.85769" />
<feGaussianBlur stdDeviation="6.85769" />
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_2362_3449"
/>
</filter>
<linearGradient
id="paint0_linear_2362_3449"
x1="387.5"
y1="-165.5"
x2="122.5"
y2="506.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0.0218624" stop-color="#5092D5" />
<stop offset="0.405785" stop-color="#037DF9" />
<stop offset="0.694947" stop-color="#5F84E4" />
<stop offset="0.902014" stop-color="#5AA6E5" />
<stop offset="1" stop-color="#037FFA" />
</linearGradient>
<linearGradient
id="paint1_linear_2362_3449"
x1="198"
y1="0"
x2="198"
y2="396"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="white" />
<stop offset="1" />
</linearGradient>
<linearGradient
id="paint2_linear_2362_3449"
x1="198"
y1="0"
x2="198"
y2="396"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="white" />
<stop offset="1" stop-color="white" stop-opacity="0" />
</linearGradient>
<linearGradient
id="paint3_linear_2362_3449"
x1="198.005"
y1="98.0078"
x2="198.005"
y2="297.991"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="white" stop-opacity="0.7" />
<stop offset="1" stop-color="white" />
</linearGradient>
<linearGradient
id="paint4_linear_2362_3449"
x1="198.005"
y1="98.0078"
x2="198.005"
y2="297.991"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="white" />
<stop offset="1" stop-color="white" stop-opacity="0" />
</linearGradient>
<radialGradient
id="paint5_radial_2362_3449"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(198.005 98.0078) rotate(90) scale(149.486 149.491)"
>
<stop stop-color="white" />
<stop offset="1" stop-color="white" stop-opacity="0" />
</radialGradient>
<radialGradient
id="paint6_radial_2362_3449"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(198.005 98.0078) rotate(90) scale(149.486 149.491)"
>
<stop stop-color="white" />
<stop offset="1" stop-color="white" stop-opacity="0" />
</radialGradient>
<linearGradient
id="paint7_linear_2362_3449"
x1="198.003"
y1="98.0078"
x2="198.003"
y2="297.992"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="white" stop-opacity="0.7" />
<stop offset="1" stop-color="white" />
</linearGradient>
<linearGradient
id="paint8_linear_2362_3449"
x1="198.003"
y1="98.0078"
x2="198.003"
y2="297.992"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="white" />
<stop offset="1" stop-color="white" stop-opacity="0" />
</linearGradient>
<clipPath id="clip0_2362_3449">
<rect width="396" height="396" rx="88" fill="white" />
</clipPath>
</defs>
</svg>
Icon
Copy the PNG above or the SVG below.
<svg
width="396"
height="396"
viewBox="0 0 396 396"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_2362_3450)">
<rect
width="396"
height="396"
rx="88"
fill="url(#paint0_linear_2362_3450)"
/>
<g style="mix-blend-mode: soft-light">
<rect
width="396"
height="396"
fill="url(#paint1_linear_2362_3450)"
fill-opacity="0.55"
/>
</g>
<rect
width="396"
height="396"
fill="url(#paint2_linear_2362_3450)"
fill-opacity="0.32"
/>
<g filter="url(#filter0_dddddd_2362_3450)">
<g filter="url(#filter1_i_2362_3450)">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M110.227 296.005C206.514 282.966 282.97 206.52 296.012 110.221C296.887 103.761 291.881 98.0078 285.362 98.0078H108.758C102.819 98.0078 98.0097 102.818 98.0097 108.757V285.359C98.0097 291.873 103.762 296.884 110.227 296.005ZM298 287.242V224.149L297.995 224.154C297.995 219.399 291.84 217.492 289.173 221.428C271.125 248.085 248.095 271.117 221.441 289.168C217.506 291.83 219.412 297.991 224.167 297.991H287.252C293.191 297.991 298 293.177 298 287.242Z"
fill="url(#paint3_linear_2362_3450)"
fill-opacity="0.85"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M110.227 296.005C206.514 282.966 282.97 206.52 296.012 110.221C296.887 103.761 291.881 98.0078 285.362 98.0078H108.758C102.819 98.0078 98.0097 102.818 98.0097 108.757V285.359C98.0097 291.873 103.762 296.884 110.227 296.005ZM298 287.242V224.149L297.995 224.154C297.995 219.399 291.84 217.492 289.173 221.428C271.125 248.085 248.095 271.117 221.441 289.168C217.506 291.83 219.412 297.991 224.167 297.991H287.252C293.191 297.991 298 293.177 298 287.242Z"
fill="url(#paint4_linear_2362_3450)"
fill-opacity="0.7"
/>
</g>
</g>
<g filter="url(#filter2_iiii_2362_3450)">
<g filter="url(#filter3_i_2362_3450)">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M110.227 296.005C206.514 282.966 282.97 206.52 296.012 110.221C296.887 103.761 291.881 98.0078 285.362 98.0078H108.758C102.819 98.0078 98.0097 102.818 98.0097 108.757V285.359C98.0097 291.873 103.762 296.884 110.227 296.005ZM298 287.242V224.149L297.995 224.154C297.995 219.399 291.84 217.492 289.173 221.428C271.125 248.085 248.095 271.117 221.441 289.168C217.506 291.83 219.412 297.991 224.167 297.991H287.252C293.191 297.991 298 293.177 298 287.242Z"
fill="white"
fill-opacity="0.01"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M110.227 296.005C206.514 282.966 282.97 206.52 296.012 110.221C296.887 103.761 291.881 98.0078 285.362 98.0078H108.758C102.819 98.0078 98.0097 102.818 98.0097 108.757V285.359C98.0097 291.873 103.762 296.884 110.227 296.005ZM298 287.242V224.149L297.995 224.154C297.995 219.399 291.84 217.492 289.173 221.428C271.125 248.085 248.095 271.117 221.441 289.168C217.506 291.83 219.412 297.991 224.167 297.991H287.252C293.191 297.991 298 293.177 298 287.242Z"
fill="url(#paint5_radial_2362_3450)"
fill-opacity="0.3"
/>
</g>
<g style="mix-blend-mode: screen">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M110.227 296.005C206.514 282.966 282.97 206.52 296.012 110.221C296.887 103.761 291.881 98.0078 285.362 98.0078H108.758C102.819 98.0078 98.0097 102.818 98.0097 108.757V285.359C98.0097 291.873 103.762 296.884 110.227 296.005ZM298 287.242V224.149L297.995 224.154C297.995 219.399 291.84 217.492 289.173 221.428C271.125 248.085 248.095 271.117 221.441 289.168C217.506 291.83 219.412 297.991 224.167 297.991H287.252C293.191 297.991 298 293.177 298 287.242Z"
fill="white"
fill-opacity="0.01"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M110.227 296.005C206.514 282.966 282.97 206.52 296.012 110.221C296.887 103.761 291.881 98.0078 285.362 98.0078H108.758C102.819 98.0078 98.0097 102.818 98.0097 108.757V285.359C98.0097 291.873 103.762 296.884 110.227 296.005ZM298 287.242V224.149L297.995 224.154C297.995 219.399 291.84 217.492 289.173 221.428C271.125 248.085 248.095 271.117 221.441 289.168C217.506 291.83 219.412 297.991 224.167 297.991H287.252C293.191 297.991 298 293.177 298 287.242Z"
fill="url(#paint6_radial_2362_3450)"
fill-opacity="0.3"
/>
</g>
</g>
<g style="mix-blend-mode: screen">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M110.226 296.005C206.513 282.966 282.969 206.52 296.011 110.221C296.886 103.761 291.88 98.0078 285.361 98.0078H108.757C102.818 98.0078 98.0088 102.818 98.0088 108.757V285.359C98.0088 291.873 103.761 296.884 110.226 296.005ZM297.997 287.242V224.15L297.993 224.155C297.993 219.399 291.837 217.493 289.17 221.428C271.122 248.086 248.093 271.118 221.438 289.168C217.503 291.831 219.409 297.992 224.165 297.992H287.249C293.188 297.992 297.997 293.177 297.997 287.242Z"
fill="url(#paint7_linear_2362_3450)"
fill-opacity="0.16"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M110.226 296.005C206.513 282.966 282.969 206.52 296.011 110.221C296.886 103.761 291.88 98.0078 285.361 98.0078H108.757C102.818 98.0078 98.0088 102.818 98.0088 108.757V285.359C98.0088 291.873 103.761 296.884 110.226 296.005ZM297.997 287.242V224.15L297.993 224.155C297.993 219.399 291.837 217.493 289.17 221.428C271.122 248.086 248.093 271.118 221.438 289.168C217.503 291.831 219.409 297.992 224.165 297.992H287.249C293.188 297.992 297.997 293.177 297.997 287.242Z"
fill="url(#paint8_linear_2362_3450)"
fill-opacity="0.16"
/>
</g>
</g>
<rect
x="6"
y="6"
width="384"
height="384"
rx="82"
stroke="white"
stroke-opacity="0.16"
stroke-width="12"
/>
<defs>
<filter
id="filter0_dddddd_2362_3450"
x="75.4223"
y="89.3573"
width="320.617"
height="435.949"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.0156863 0 0 0 0 0.00784314 0 0 0 0 0.133333 0 0 0 0.61 0"
/>
<feBlend
mode="overlay"
in2="BackgroundImageFix"
result="effect1_dropShadow_2362_3450"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx="1.92233" dy="7.20874" />
<feGaussianBlur stdDeviation="7.92961" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.0156863 0 0 0 0 0.00784314 0 0 0 0 0.133333 0 0 0 0.4 0"
/>
<feBlend
mode="overlay"
in2="effect1_dropShadow_2362_3450"
result="effect2_dropShadow_2362_3450"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx="7.68932" dy="28.3544" />
<feGaussianBlur stdDeviation="14.6578" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.0156863 0 0 0 0 0.00784314 0 0 0 0 0.133333 0 0 0 0.32 0"
/>
<feBlend
mode="overlay"
in2="effect2_dropShadow_2362_3450"
result="effect3_dropShadow_2362_3450"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx="16.8204" dy="63.4369" />
<feGaussianBlur stdDeviation="19.7039" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.0156863 0 0 0 0 0.00784314 0 0 0 0 0.133333 0 0 0 0.12 0"
/>
<feBlend
mode="overlay"
in2="effect3_dropShadow_2362_3450"
result="effect4_dropShadow_2362_3450"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx="30.2767" dy="112.937" />
<feGaussianBlur stdDeviation="23.3083" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.0156863 0 0 0 0 0.00784314 0 0 0 0 0.133333 0 0 0 0.04 0"
/>
<feBlend
mode="overlay"
in2="effect4_dropShadow_2362_3450"
result="effect5_dropShadow_2362_3450"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx="47.0971" dy="176.374" />
<feGaussianBlur stdDeviation="25.4709" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.0156863 0 0 0 0 0.00784314 0 0 0 0 0.133333 0 0 0 0.01 0"
/>
<feBlend
mode="overlay"
in2="effect5_dropShadow_2362_3450"
result="effect6_dropShadow_2362_3450"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect6_dropShadow_2362_3450"
result="shape"
/>
</filter>
<filter
id="filter1_i_2362_3450"
x="98.0097"
y="98.0078"
width="199.99"
height="206.841"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="6.85769" />
<feGaussianBlur stdDeviation="6.85769" />
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_2362_3450"
/>
</filter>
<filter
id="filter2_iiii_2362_3450"
x="98.0097"
y="61.4835"
width="199.99"
height="294.178"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="-36.5243" />
<feGaussianBlur stdDeviation="22.1068" />
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_2362_3450"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="17.301" />
<feGaussianBlur stdDeviation="14.4175" />
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_2362_3450"
result="effect2_innerShadow_2362_3450"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="34.6019" />
<feGaussianBlur stdDeviation="28.835" />
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_2362_3450"
result="effect3_innerShadow_2362_3450"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="69.2039" />
<feGaussianBlur stdDeviation="28.835" />
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"
/>
<feBlend
mode="normal"
in2="effect3_innerShadow_2362_3450"
result="effect4_innerShadow_2362_3450"
/>
</filter>
<filter
id="filter3_i_2362_3450"
x="98.0097"
y="98.0078"
width="199.99"
height="206.841"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="6.85769" />
<feGaussianBlur stdDeviation="6.85769" />
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_2362_3450"
/>
</filter>
<linearGradient
id="paint0_linear_2362_3450"
x1="387.5"
y1="-165.5"
x2="122.5"
y2="506.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0.0218624" stop-color="#5092D5" />
<stop offset="0.405785" stop-color="#037DF9" />
<stop offset="0.694947" stop-color="#5F84E4" />
<stop offset="0.902014" stop-color="#5AA6E5" />
<stop offset="1" stop-color="#037FFA" />
</linearGradient>
<linearGradient
id="paint1_linear_2362_3450"
x1="198"
y1="0"
x2="198"
y2="396"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="white" />
<stop offset="1" />
</linearGradient>
<linearGradient
id="paint2_linear_2362_3450"
x1="198"
y1="0"
x2="198"
y2="396"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="white" />
<stop offset="1" stop-color="white" stop-opacity="0" />
</linearGradient>
<linearGradient
id="paint3_linear_2362_3450"
x1="198.005"
y1="98.0078"
x2="198.005"
y2="297.991"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="white" stop-opacity="0.7" />
<stop offset="1" stop-color="white" />
</linearGradient>
<linearGradient
id="paint4_linear_2362_3450"
x1="198.005"
y1="98.0078"
x2="198.005"
y2="297.991"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="white" />
<stop offset="1" stop-color="white" stop-opacity="0" />
</linearGradient>
<radialGradient
id="paint5_radial_2362_3450"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(198.005 98.0078) rotate(90) scale(149.486 149.491)"
>
<stop stop-color="white" />
<stop offset="1" stop-color="white" stop-opacity="0" />
</radialGradient>
<radialGradient
id="paint6_radial_2362_3450"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(198.005 98.0078) rotate(90) scale(149.486 149.491)"
>
<stop stop-color="white" />
<stop offset="1" stop-color="white" stop-opacity="0" />
</radialGradient>
<linearGradient
id="paint7_linear_2362_3450"
x1="198.003"
y1="98.0078"
x2="198.003"
y2="297.992"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="white" stop-opacity="0.7" />
<stop offset="1" stop-color="white" />
</linearGradient>
<linearGradient
id="paint8_linear_2362_3450"
x1="198.003"
y1="98.0078"
x2="198.003"
y2="297.992"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="white" />
<stop offset="1" stop-color="white" stop-opacity="0" />
</linearGradient>
<clipPath id="clip0_2362_3450">
<rect width="396" height="396" rx="88" fill="white" />
</clipPath>
</defs>
</svg>
Font
We use Geist Sans.
Figma
If the above resources are not enough, you can access our Brand Kit on Figma for more detail and options.
Was this page helpful?