stormpath logo

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

Name
stormpath
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the stormpath logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path d="M127.706 98.743c16.734-.074 29.384 12.246 29.48 28.712c.098 16.649-12.812 29.789-29.279 29.802c-16.155.013-29.065-13.001-29.094-29.33c-.029-16.757 12.2-29.109 28.893-29.184zm-75.971 28.094c.557-29.349 13.739-52.121 39.409-66.97c21.551-12.466 45.349-18.64 69.507-23.355c12.987-2.535 40.148-6.049 48.915-7.159C187.419 11.02 158.997 0 128 0C57.308 0 0 57.308 0 128c0 35.331 14.315 67.319 37.461 90.48c7.248-7.397 26.603-27.132 36.281-36.83c-14.391-14.827-22.404-33.869-22.007-54.813zm167.023-89.092c-6.467 6.476-26.215 26.25-36.259 36.305c1.367 1.664 4.144 4.153 5.74 6.157c14.262 17.915 19.625 38.369 16.017 60.802c-4.757 29.579-22.639 48.884-49.472 60.763c-28.99 12.835-59.741 18.618-90.861 22.978c-3.982.558-13.28 1.692-17.167 2.163C68.857 245.087 97.153 256 128 256c70.692 0 128-57.308 128-128c0-35.218-14.226-67.112-37.242-90.255z" fill="#244EC6"/></svg>

React

import type { SVGProps } from "react";

export function LogosStormpath(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path d="M127.706 98.743c16.734-.074 29.384 12.246 29.48 28.712c.098 16.649-12.812 29.789-29.279 29.802c-16.155.013-29.065-13.001-29.094-29.33c-.029-16.757 12.2-29.109 28.893-29.184zm-75.971 28.094c.557-29.349 13.739-52.121 39.409-66.97c21.551-12.466 45.349-18.64 69.507-23.355c12.987-2.535 40.148-6.049 48.915-7.159C187.419 11.02 158.997 0 128 0C57.308 0 0 57.308 0 128c0 35.331 14.315 67.319 37.461 90.48c7.248-7.397 26.603-27.132 36.281-36.83c-14.391-14.827-22.404-33.869-22.007-54.813zm167.023-89.092c-6.467 6.476-26.215 26.25-36.259 36.305c1.367 1.664 4.144 4.153 5.74 6.157c14.262 17.915 19.625 38.369 16.017 60.802c-4.757 29.579-22.639 48.884-49.472 60.763c-28.99 12.835-59.741 18.618-90.861 22.978c-3.982.558-13.28 1.692-17.167 2.163C68.857 245.087 97.153 256 128 256c70.692 0 128-57.308 128-128c0-35.218-14.226-67.112-37.242-90.255z" fill="#244EC6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path d="M127.706 98.743c16.734-.074 29.384 12.246 29.48 28.712c.098 16.649-12.812 29.789-29.279 29.802c-16.155.013-29.065-13.001-29.094-29.33c-.029-16.757 12.2-29.109 28.893-29.184zm-75.971 28.094c.557-29.349 13.739-52.121 39.409-66.97c21.551-12.466 45.349-18.64 69.507-23.355c12.987-2.535 40.148-6.049 48.915-7.159C187.419 11.02 158.997 0 128 0C57.308 0 0 57.308 0 128c0 35.331 14.315 67.319 37.461 90.48c7.248-7.397 26.603-27.132 36.281-36.83c-14.391-14.827-22.404-33.869-22.007-54.813zm167.023-89.092c-6.467 6.476-26.215 26.25-36.259 36.305c1.367 1.664 4.144 4.153 5.74 6.157c14.262 17.915 19.625 38.369 16.017 60.802c-4.757 29.579-22.639 48.884-49.472 60.763c-28.99 12.835-59.741 18.618-90.861 22.978c-3.982.558-13.28 1.692-17.167 2.163C68.857 245.087 97.153 256 128 256c70.692 0 128-57.308 128-128c0-35.218-14.226-67.112-37.242-90.255z" fill="#244EC6"/></svg>
</template>

CSS

.icon-stormpath {
  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%20256%22%3E%3Cpath%20d%3D%22M127.706%2098.743c16.734-.074%2029.384%2012.246%2029.48%2028.712c.098%2016.649-12.812%2029.789-29.279%2029.802c-16.155.013-29.065-13.001-29.094-29.33c-.029-16.757%2012.2-29.109%2028.893-29.184zm-75.971%2028.094c.557-29.349%2013.739-52.121%2039.409-66.97c21.551-12.466%2045.349-18.64%2069.507-23.355c12.987-2.535%2040.148-6.049%2048.915-7.159C187.419%2011.02%20158.997%200%20128%200C57.308%200%200%2057.308%200%20128c0%2035.331%2014.315%2067.319%2037.461%2090.48c7.248-7.397%2026.603-27.132%2036.281-36.83c-14.391-14.827-22.404-33.869-22.007-54.813zm167.023-89.092c-6.467%206.476-26.215%2026.25-36.259%2036.305c1.367%201.664%204.144%204.153%205.74%206.157c14.262%2017.915%2019.625%2038.369%2016.017%2060.802c-4.757%2029.579-22.639%2048.884-49.472%2060.763c-28.99%2012.835-59.741%2018.618-90.861%2022.978c-3.982.558-13.28%201.692-17.167%202.163C68.857%20245.087%2097.153%20256%20128%20256c70.692%200%20128-57.308%20128-128c0-35.218-14.226-67.112-37.242-90.255z%22%20fill%3D%22%23244EC6%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%20256%22%3E%3Cpath%20d%3D%22M127.706%2098.743c16.734-.074%2029.384%2012.246%2029.48%2028.712c.098%2016.649-12.812%2029.789-29.279%2029.802c-16.155.013-29.065-13.001-29.094-29.33c-.029-16.757%2012.2-29.109%2028.893-29.184zm-75.971%2028.094c.557-29.349%2013.739-52.121%2039.409-66.97c21.551-12.466%2045.349-18.64%2069.507-23.355c12.987-2.535%2040.148-6.049%2048.915-7.159C187.419%2011.02%20158.997%200%20128%200C57.308%200%200%2057.308%200%20128c0%2035.331%2014.315%2067.319%2037.461%2090.48c7.248-7.397%2026.603-27.132%2036.281-36.83c-14.391-14.827-22.404-33.869-22.007-54.813zm167.023-89.092c-6.467%206.476-26.215%2026.25-36.259%2036.305c1.367%201.664%204.144%204.153%205.74%206.157c14.262%2017.915%2019.625%2038.369%2016.017%2060.802c-4.757%2029.579-22.639%2048.884-49.472%2060.763c-28.99%2012.835-59.741%2018.618-90.861%2022.978c-3.982.558-13.28%201.692-17.167%202.163C68.857%20245.087%2097.153%20256%20128%20256c70.692%200%20128-57.308%20128-128c0-35.218-14.226-67.112-37.242-90.255z%22%20fill%3D%22%23244EC6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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