dreamhost logo

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

Name
dreamhost
Set
SVG Logos
Style
Color
Viewbox
256×253
License
CC0

Use the dreamhost logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 253"><path fill="#1f3244" d="M252.69 189.792c-20.743 11.573-44.823 17.998-70.423 17.474c-75.461-1.519-135.419-62.678-133.94-136.567c.53-25.094 8.032-48.384 20.718-68.196C28.643 25.06 1.03 67.243.027 116.07c-1.493 73.9 58.513 135.053 133.995 136.577c49.838 1.013 94.018-24.254 118.668-62.856"/><path fill="#3e95be" d="M180.943 191.375c.836.015 1.677.03 2.518.03c19.694 0 39.12-4.877 56.391-14.056c10.178-17.449 16.103-37.701 16.103-59.388C255.955 52.825 203.293 0 138.316 0c-20.485 0-39.739 5.272-56.505 14.506a114.56 114.56 0 0 0-17.236 58.053c-1.285 64.18 50.912 117.495 116.368 118.816"/></svg>

React

import type { SVGProps } from "react";

export function LogosDreamhost(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 253"><path fill="#1f3244" d="M252.69 189.792c-20.743 11.573-44.823 17.998-70.423 17.474c-75.461-1.519-135.419-62.678-133.94-136.567c.53-25.094 8.032-48.384 20.718-68.196C28.643 25.06 1.03 67.243.027 116.07c-1.493 73.9 58.513 135.053 133.995 136.577c49.838 1.013 94.018-24.254 118.668-62.856"/><path fill="#3e95be" d="M180.943 191.375c.836.015 1.677.03 2.518.03c19.694 0 39.12-4.877 56.391-14.056c10.178-17.449 16.103-37.701 16.103-59.388C255.955 52.825 203.293 0 138.316 0c-20.485 0-39.739 5.272-56.505 14.506a114.56 114.56 0 0 0-17.236 58.053c-1.285 64.18 50.912 117.495 116.368 118.816"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 253"><path fill="#1f3244" d="M252.69 189.792c-20.743 11.573-44.823 17.998-70.423 17.474c-75.461-1.519-135.419-62.678-133.94-136.567c.53-25.094 8.032-48.384 20.718-68.196C28.643 25.06 1.03 67.243.027 116.07c-1.493 73.9 58.513 135.053 133.995 136.577c49.838 1.013 94.018-24.254 118.668-62.856"/><path fill="#3e95be" d="M180.943 191.375c.836.015 1.677.03 2.518.03c19.694 0 39.12-4.877 56.391-14.056c10.178-17.449 16.103-37.701 16.103-59.388C255.955 52.825 203.293 0 138.316 0c-20.485 0-39.739 5.272-56.505 14.506a114.56 114.56 0 0 0-17.236 58.053c-1.285 64.18 50.912 117.495 116.368 118.816"/></svg>
</template>

CSS

.icon-dreamhost {
  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%20253%22%3E%3Cpath%20fill%3D%22%231f3244%22%20d%3D%22M252.69%20189.792c-20.743%2011.573-44.823%2017.998-70.423%2017.474c-75.461-1.519-135.419-62.678-133.94-136.567c.53-25.094%208.032-48.384%2020.718-68.196C28.643%2025.06%201.03%2067.243.027%20116.07c-1.493%2073.9%2058.513%20135.053%20133.995%20136.577c49.838%201.013%2094.018-24.254%20118.668-62.856%22%2F%3E%3Cpath%20fill%3D%22%233e95be%22%20d%3D%22M180.943%20191.375c.836.015%201.677.03%202.518.03c19.694%200%2039.12-4.877%2056.391-14.056c10.178-17.449%2016.103-37.701%2016.103-59.388C255.955%2052.825%20203.293%200%20138.316%200c-20.485%200-39.739%205.272-56.505%2014.506a114.56%20114.56%200%200%200-17.236%2058.053c-1.285%2064.18%2050.912%20117.495%20116.368%20118.816%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%20253%22%3E%3Cpath%20fill%3D%22%231f3244%22%20d%3D%22M252.69%20189.792c-20.743%2011.573-44.823%2017.998-70.423%2017.474c-75.461-1.519-135.419-62.678-133.94-136.567c.53-25.094%208.032-48.384%2020.718-68.196C28.643%2025.06%201.03%2067.243.027%20116.07c-1.493%2073.9%2058.513%20135.053%20133.995%20136.577c49.838%201.013%2094.018-24.254%20118.668-62.856%22%2F%3E%3Cpath%20fill%3D%22%233e95be%22%20d%3D%22M180.943%20191.375c.836.015%201.677.03%202.518.03c19.694%200%2039.12-4.877%2056.391-14.056c10.178-17.449%2016.103-37.701%2016.103-59.388C255.955%2052.825%20203.293%200%20138.316%200c-20.485%200-39.739%205.272-56.505%2014.506a114.56%20114.56%200%200%200-17.236%2058.053c-1.285%2064.18%2050.912%20117.495%20116.368%20118.816%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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