heroku redis logo

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

Name
heroku-redis
Set
SVG Logos
Style
Color
Viewbox
256×304
License
CC0

Related icons in SVG Logos

heroku-icon

Use the heroku redis logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 304"><path fill="#283174" d="M103.604.004c-52.328 0-90.308 37.98-90.308 90.308c0 39.759 21.958 71.185 55.447 84.01L1.466 287.588a10.453 10.453 0 0 0 8.988 15.791h93.15c5.775 0 10.455-4.683 10.455-10.455V10.459c0-5.776-4.68-10.455-10.455-10.455m151.269 288.201L195.46 170.702c28.82-14.554 47.24-43.978 47.24-80.394C242.702 37.986 204.725 0 152.395 0c-5.771 0-10.455 4.684-10.455 10.455c0 5.778 4.684 10.455 10.455 10.455c40.857 0 69.399 28.541 69.399 69.398c0 40.865-28.542 69.399-69.4 69.399c-5.77 0-10.454 4.684-10.454 10.455s4.684 10.455 10.455 10.455c8.144 0 15.887-1.02 23.246-2.771l60.568 119.796a10.463 10.463 0 0 0 14.05 4.614c5.152-2.606 7.222-8.893 4.615-14.051"/></svg>

React

import type { SVGProps } from "react";

export function LogosHerokuRedis(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 304"><path fill="#283174" d="M103.604.004c-52.328 0-90.308 37.98-90.308 90.308c0 39.759 21.958 71.185 55.447 84.01L1.466 287.588a10.453 10.453 0 0 0 8.988 15.791h93.15c5.775 0 10.455-4.683 10.455-10.455V10.459c0-5.776-4.68-10.455-10.455-10.455m151.269 288.201L195.46 170.702c28.82-14.554 47.24-43.978 47.24-80.394C242.702 37.986 204.725 0 152.395 0c-5.771 0-10.455 4.684-10.455 10.455c0 5.778 4.684 10.455 10.455 10.455c40.857 0 69.399 28.541 69.399 69.398c0 40.865-28.542 69.399-69.4 69.399c-5.77 0-10.454 4.684-10.454 10.455s4.684 10.455 10.455 10.455c8.144 0 15.887-1.02 23.246-2.771l60.568 119.796a10.463 10.463 0 0 0 14.05 4.614c5.152-2.606 7.222-8.893 4.615-14.051"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 304"><path fill="#283174" d="M103.604.004c-52.328 0-90.308 37.98-90.308 90.308c0 39.759 21.958 71.185 55.447 84.01L1.466 287.588a10.453 10.453 0 0 0 8.988 15.791h93.15c5.775 0 10.455-4.683 10.455-10.455V10.459c0-5.776-4.68-10.455-10.455-10.455m151.269 288.201L195.46 170.702c28.82-14.554 47.24-43.978 47.24-80.394C242.702 37.986 204.725 0 152.395 0c-5.771 0-10.455 4.684-10.455 10.455c0 5.778 4.684 10.455 10.455 10.455c40.857 0 69.399 28.541 69.399 69.398c0 40.865-28.542 69.399-69.4 69.399c-5.77 0-10.454 4.684-10.454 10.455s4.684 10.455 10.455 10.455c8.144 0 15.887-1.02 23.246-2.771l60.568 119.796a10.463 10.463 0 0 0 14.05 4.614c5.152-2.606 7.222-8.893 4.615-14.051"/></svg>
</template>

CSS

.icon-heroku-redis {
  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%20304%22%3E%3Cpath%20fill%3D%22%23283174%22%20d%3D%22M103.604.004c-52.328%200-90.308%2037.98-90.308%2090.308c0%2039.759%2021.958%2071.185%2055.447%2084.01L1.466%20287.588a10.453%2010.453%200%200%200%208.988%2015.791h93.15c5.775%200%2010.455-4.683%2010.455-10.455V10.459c0-5.776-4.68-10.455-10.455-10.455m151.269%20288.201L195.46%20170.702c28.82-14.554%2047.24-43.978%2047.24-80.394C242.702%2037.986%20204.725%200%20152.395%200c-5.771%200-10.455%204.684-10.455%2010.455c0%205.778%204.684%2010.455%2010.455%2010.455c40.857%200%2069.399%2028.541%2069.399%2069.398c0%2040.865-28.542%2069.399-69.4%2069.399c-5.77%200-10.454%204.684-10.454%2010.455s4.684%2010.455%2010.455%2010.455c8.144%200%2015.887-1.02%2023.246-2.771l60.568%20119.796a10.463%2010.463%200%200%200%2014.05%204.614c5.152-2.606%207.222-8.893%204.615-14.051%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%20304%22%3E%3Cpath%20fill%3D%22%23283174%22%20d%3D%22M103.604.004c-52.328%200-90.308%2037.98-90.308%2090.308c0%2039.759%2021.958%2071.185%2055.447%2084.01L1.466%20287.588a10.453%2010.453%200%200%200%208.988%2015.791h93.15c5.775%200%2010.455-4.683%2010.455-10.455V10.459c0-5.776-4.68-10.455-10.455-10.455m151.269%20288.201L195.46%20170.702c28.82-14.554%2047.24-43.978%2047.24-80.394C242.702%2037.986%20204.725%200%20152.395%200c-5.771%200-10.455%204.684-10.455%2010.455c0%205.778%204.684%2010.455%2010.455%2010.455c40.857%200%2069.399%2028.541%2069.399%2069.398c0%2040.865-28.542%2069.399-69.4%2069.399c-5.77%200-10.454%204.684-10.454%2010.455s4.684%2010.455%2010.455%2010.455c8.144%200%2015.887-1.02%2023.246-2.771l60.568%20119.796a10.463%2010.463%200%200%200%2014.05%204.614c5.152-2.606%207.222-8.893%204.615-14.051%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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