mesosphere logo

mesosphere from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
mesosphere
Set
SVG Logos
Style
Color
Viewbox
256×187
License
CC0

Use the mesosphere logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 187"><defs><linearGradient x1=".024%" y1="49.981%" x2="100.048%" y2="49.981%" id="ssvg-id-mesospherea"><stop stop-color="#9351E5" offset="0%"/><stop stop-color="#EF468B" offset="100%"/></linearGradient></defs><path d="M128.091 186.803c-4.023 0-7.803-2.195-10.425-5.975L75.965 119.19l-58.711 36.154c-2.317 1.463-4.695 2.133-7.012 2.133C5.304 157.477 0 153.82 0 145.711V15.973C0 10.121 3.292 4.633 8.474 1.89C10.67.183 13.78 0 16.034 0h224.054c2.987 0 5.304.549 7.01 1.646C252.526 4.33 256 9.938 256 15.973v99.56c0 3.352-.975 6.34-2.865 8.535c-2.012 2.377-4.939 3.719-8.17 3.719c-2.012 0-4.146-.488-6.219-1.525l-47.615-23.472l-52.736 77.977c-2.5 3.84-6.28 6.036-10.304 6.036zM85.11 113.58l41.396 61.211c.61.915 1.22 1.28 1.585 1.28c.366 0 .976-.426 1.586-1.28l51.943-76.757l-39.567-19.51l-56.943 35.056zM10.303 146.87v5.365v-5.365zm.427-124.19v123.093c0 .427.061.731.061.975c.244-.06.488-.244.854-.426l58.345-35.97L10.73 22.68zM197.29 93.89l46.274 22.802c1.28.61 1.646.426 1.646.426c0-.06.244-.548.244-1.585V22.68l-48.164 71.209zM21.095 18.961l58.04 85.78l51.578-31.764L21.095 18.961zm131.627 52.98l34.873 17.193l44.872-66.332l-79.745 49.139zM28.29 10.608l113.154 55.724l90.536-55.724H28.289z" fill="url(#ssvg-id-mesospherea)"/></svg>

React

import type { SVGProps } from "react";

export function LogosMesosphere(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 187"><defs><linearGradient x1=".024%" y1="49.981%" x2="100.048%" y2="49.981%" id="ssvgId-mesospherea"><stop stopColor="#9351E5" offset="0%"/><stop stopColor="#EF468B" offset="100%"/></linearGradient></defs><path d="M128.091 186.803c-4.023 0-7.803-2.195-10.425-5.975L75.965 119.19l-58.711 36.154c-2.317 1.463-4.695 2.133-7.012 2.133C5.304 157.477 0 153.82 0 145.711V15.973C0 10.121 3.292 4.633 8.474 1.89C10.67.183 13.78 0 16.034 0h224.054c2.987 0 5.304.549 7.01 1.646C252.526 4.33 256 9.938 256 15.973v99.56c0 3.352-.975 6.34-2.865 8.535c-2.012 2.377-4.939 3.719-8.17 3.719c-2.012 0-4.146-.488-6.219-1.525l-47.615-23.472l-52.736 77.977c-2.5 3.84-6.28 6.036-10.304 6.036zM85.11 113.58l41.396 61.211c.61.915 1.22 1.28 1.585 1.28c.366 0 .976-.426 1.586-1.28l51.943-76.757l-39.567-19.51l-56.943 35.056zM10.303 146.87v5.365v-5.365zm.427-124.19v123.093c0 .427.061.731.061.975c.244-.06.488-.244.854-.426l58.345-35.97L10.73 22.68zM197.29 93.89l46.274 22.802c1.28.61 1.646.426 1.646.426c0-.06.244-.548.244-1.585V22.68l-48.164 71.209zM21.095 18.961l58.04 85.78l51.578-31.764L21.095 18.961zm131.627 52.98l34.873 17.193l44.872-66.332l-79.745 49.139zM28.29 10.608l113.154 55.724l90.536-55.724H28.289z" fill="url(#ssvgId-mesospherea)"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 187"><defs><linearGradient x1=".024%" y1="49.981%" x2="100.048%" y2="49.981%" id="ssvg-id-mesospherea"><stop stop-color="#9351E5" offset="0%"/><stop stop-color="#EF468B" offset="100%"/></linearGradient></defs><path d="M128.091 186.803c-4.023 0-7.803-2.195-10.425-5.975L75.965 119.19l-58.711 36.154c-2.317 1.463-4.695 2.133-7.012 2.133C5.304 157.477 0 153.82 0 145.711V15.973C0 10.121 3.292 4.633 8.474 1.89C10.67.183 13.78 0 16.034 0h224.054c2.987 0 5.304.549 7.01 1.646C252.526 4.33 256 9.938 256 15.973v99.56c0 3.352-.975 6.34-2.865 8.535c-2.012 2.377-4.939 3.719-8.17 3.719c-2.012 0-4.146-.488-6.219-1.525l-47.615-23.472l-52.736 77.977c-2.5 3.84-6.28 6.036-10.304 6.036zM85.11 113.58l41.396 61.211c.61.915 1.22 1.28 1.585 1.28c.366 0 .976-.426 1.586-1.28l51.943-76.757l-39.567-19.51l-56.943 35.056zM10.303 146.87v5.365v-5.365zm.427-124.19v123.093c0 .427.061.731.061.975c.244-.06.488-.244.854-.426l58.345-35.97L10.73 22.68zM197.29 93.89l46.274 22.802c1.28.61 1.646.426 1.646.426c0-.06.244-.548.244-1.585V22.68l-48.164 71.209zM21.095 18.961l58.04 85.78l51.578-31.764L21.095 18.961zm131.627 52.98l34.873 17.193l44.872-66.332l-79.745 49.139zM28.29 10.608l113.154 55.724l90.536-55.724H28.289z" fill="url(#ssvg-id-mesospherea)"/></svg>
</template>

CSS

.icon-mesosphere {
  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%20256%20187%22%3E%3Cdefs%3E%3ClinearGradient%20x1%3D%22.024%25%22%20y1%3D%2249.981%25%22%20x2%3D%22100.048%25%22%20y2%3D%2249.981%25%22%20id%3D%22ssvg-id-mesospherea%22%3E%3Cstop%20stop-color%3D%22%239351E5%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%23EF468B%22%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M128.091%20186.803c-4.023%200-7.803-2.195-10.425-5.975L75.965%20119.19l-58.711%2036.154c-2.317%201.463-4.695%202.133-7.012%202.133C5.304%20157.477%200%20153.82%200%20145.711V15.973C0%2010.121%203.292%204.633%208.474%201.89C10.67.183%2013.78%200%2016.034%200h224.054c2.987%200%205.304.549%207.01%201.646C252.526%204.33%20256%209.938%20256%2015.973v99.56c0%203.352-.975%206.34-2.865%208.535c-2.012%202.377-4.939%203.719-8.17%203.719c-2.012%200-4.146-.488-6.219-1.525l-47.615-23.472l-52.736%2077.977c-2.5%203.84-6.28%206.036-10.304%206.036zM85.11%20113.58l41.396%2061.211c.61.915%201.22%201.28%201.585%201.28c.366%200%20.976-.426%201.586-1.28l51.943-76.757l-39.567-19.51l-56.943%2035.056zM10.303%20146.87v5.365v-5.365zm.427-124.19v123.093c0%20.427.061.731.061.975c.244-.06.488-.244.854-.426l58.345-35.97L10.73%2022.68zM197.29%2093.89l46.274%2022.802c1.28.61%201.646.426%201.646.426c0-.06.244-.548.244-1.585V22.68l-48.164%2071.209zM21.095%2018.961l58.04%2085.78l51.578-31.764L21.095%2018.961zm131.627%2052.98l34.873%2017.193l44.872-66.332l-79.745%2049.139zM28.29%2010.608l113.154%2055.724l90.536-55.724H28.289z%22%20fill%3D%22url(%23ssvg-id-mesospherea)%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%20256%20187%22%3E%3Cdefs%3E%3ClinearGradient%20x1%3D%22.024%25%22%20y1%3D%2249.981%25%22%20x2%3D%22100.048%25%22%20y2%3D%2249.981%25%22%20id%3D%22ssvg-id-mesospherea%22%3E%3Cstop%20stop-color%3D%22%239351E5%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%23EF468B%22%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M128.091%20186.803c-4.023%200-7.803-2.195-10.425-5.975L75.965%20119.19l-58.711%2036.154c-2.317%201.463-4.695%202.133-7.012%202.133C5.304%20157.477%200%20153.82%200%20145.711V15.973C0%2010.121%203.292%204.633%208.474%201.89C10.67.183%2013.78%200%2016.034%200h224.054c2.987%200%205.304.549%207.01%201.646C252.526%204.33%20256%209.938%20256%2015.973v99.56c0%203.352-.975%206.34-2.865%208.535c-2.012%202.377-4.939%203.719-8.17%203.719c-2.012%200-4.146-.488-6.219-1.525l-47.615-23.472l-52.736%2077.977c-2.5%203.84-6.28%206.036-10.304%206.036zM85.11%20113.58l41.396%2061.211c.61.915%201.22%201.28%201.585%201.28c.366%200%20.976-.426%201.586-1.28l51.943-76.757l-39.567-19.51l-56.943%2035.056zM10.303%20146.87v5.365v-5.365zm.427-124.19v123.093c0%20.427.061.731.061.975c.244-.06.488-.244.854-.426l58.345-35.97L10.73%2022.68zM197.29%2093.89l46.274%2022.802c1.28.61%201.646.426%201.646.426c0-.06.244-.548.244-1.585V22.68l-48.164%2071.209zM21.095%2018.961l58.04%2085.78l51.578-31.764L21.095%2018.961zm131.627%2052.98l34.873%2017.193l44.872-66.332l-79.745%2049.139zM28.29%2010.608l113.154%2055.724l90.536-55.724H28.289z%22%20fill%3D%22url(%23ssvg-id-mesospherea)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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