nhost icon logo

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

Name
nhost-icon
Set
SVG Logos
Style
Color
Viewbox
256×273
License
CC0

Use the nhost icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 273"><path fill="#0052cd" d="M232.105 58.517L136.962 3.68a27.88 27.88 0 0 0-27.691 0a27.68 27.68 0 0 0-13.829 23.912v7.157l-6.202-3.583a27.88 27.88 0 0 0-27.69 0a27.69 27.69 0 0 0-13.83 23.956v7.148l-6.202-3.574a27.88 27.88 0 0 0-27.682 0A27.69 27.69 0 0 0 0 82.616v171.776a13.018 13.018 0 0 0 21.071 10.194l47.175-37.143l72.768 41.92a13.2 13.2 0 0 0 13.018 0c4.01-2.32 6.509-6.62 6.509-11.252v-103.35a47.73 47.73 0 0 0-23.86-41.246l-23.862-13.752V27.618a10.322 10.322 0 0 1 15.484-8.914l95.144 54.81a30.39 30.39 0 0 1 15.184 26.24v128.722c0 3.668-1.979 7.08-5.16 8.914l-25.21 14.528V127.241a47.73 47.73 0 0 0-23.86-41.238l-58.572-33.74v19.988l49.896 28.75a30.36 30.36 0 0 1 15.185 26.24V259.4c0 4.606 2.491 8.931 6.51 11.252a13.21 13.21 0 0 0 13.017 0l31.726-18.282c8.53-4.922 13.837-14.076 13.837-23.929V99.721a47.85 47.85 0 0 0-23.895-41.204m-104.143 69.986a30.36 30.36 0 0 1 15.184 26.25v95.885l-60.244-34.711l19.34-15.202a27.42 27.42 0 0 0 10.543-21.685v-59.255l15.185 8.727zm-32.528-18.742v69.245c0 3.182-1.442 6.142-3.933 8.087l-74.158 58.35V82.591a10.314 10.314 0 0 1 15.475-8.915L47.72 82.25v122.757l17.343-13.649V55.105a10.314 10.314 0 0 1 15.484-8.915l14.886 8.565v34.993L78.099 79.75v20.005l17.352 10.006z"/></svg>

React

import type { SVGProps } from "react";

export function LogosNhostIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 273"><path fill="#0052cd" d="M232.105 58.517L136.962 3.68a27.88 27.88 0 0 0-27.691 0a27.68 27.68 0 0 0-13.829 23.912v7.157l-6.202-3.583a27.88 27.88 0 0 0-27.69 0a27.69 27.69 0 0 0-13.83 23.956v7.148l-6.202-3.574a27.88 27.88 0 0 0-27.682 0A27.69 27.69 0 0 0 0 82.616v171.776a13.018 13.018 0 0 0 21.071 10.194l47.175-37.143l72.768 41.92a13.2 13.2 0 0 0 13.018 0c4.01-2.32 6.509-6.62 6.509-11.252v-103.35a47.73 47.73 0 0 0-23.86-41.246l-23.862-13.752V27.618a10.322 10.322 0 0 1 15.484-8.914l95.144 54.81a30.39 30.39 0 0 1 15.184 26.24v128.722c0 3.668-1.979 7.08-5.16 8.914l-25.21 14.528V127.241a47.73 47.73 0 0 0-23.86-41.238l-58.572-33.74v19.988l49.896 28.75a30.36 30.36 0 0 1 15.185 26.24V259.4c0 4.606 2.491 8.931 6.51 11.252a13.21 13.21 0 0 0 13.017 0l31.726-18.282c8.53-4.922 13.837-14.076 13.837-23.929V99.721a47.85 47.85 0 0 0-23.895-41.204m-104.143 69.986a30.36 30.36 0 0 1 15.184 26.25v95.885l-60.244-34.711l19.34-15.202a27.42 27.42 0 0 0 10.543-21.685v-59.255l15.185 8.727zm-32.528-18.742v69.245c0 3.182-1.442 6.142-3.933 8.087l-74.158 58.35V82.591a10.314 10.314 0 0 1 15.475-8.915L47.72 82.25v122.757l17.343-13.649V55.105a10.314 10.314 0 0 1 15.484-8.915l14.886 8.565v34.993L78.099 79.75v20.005l17.352 10.006z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 273"><path fill="#0052cd" d="M232.105 58.517L136.962 3.68a27.88 27.88 0 0 0-27.691 0a27.68 27.68 0 0 0-13.829 23.912v7.157l-6.202-3.583a27.88 27.88 0 0 0-27.69 0a27.69 27.69 0 0 0-13.83 23.956v7.148l-6.202-3.574a27.88 27.88 0 0 0-27.682 0A27.69 27.69 0 0 0 0 82.616v171.776a13.018 13.018 0 0 0 21.071 10.194l47.175-37.143l72.768 41.92a13.2 13.2 0 0 0 13.018 0c4.01-2.32 6.509-6.62 6.509-11.252v-103.35a47.73 47.73 0 0 0-23.86-41.246l-23.862-13.752V27.618a10.322 10.322 0 0 1 15.484-8.914l95.144 54.81a30.39 30.39 0 0 1 15.184 26.24v128.722c0 3.668-1.979 7.08-5.16 8.914l-25.21 14.528V127.241a47.73 47.73 0 0 0-23.86-41.238l-58.572-33.74v19.988l49.896 28.75a30.36 30.36 0 0 1 15.185 26.24V259.4c0 4.606 2.491 8.931 6.51 11.252a13.21 13.21 0 0 0 13.017 0l31.726-18.282c8.53-4.922 13.837-14.076 13.837-23.929V99.721a47.85 47.85 0 0 0-23.895-41.204m-104.143 69.986a30.36 30.36 0 0 1 15.184 26.25v95.885l-60.244-34.711l19.34-15.202a27.42 27.42 0 0 0 10.543-21.685v-59.255l15.185 8.727zm-32.528-18.742v69.245c0 3.182-1.442 6.142-3.933 8.087l-74.158 58.35V82.591a10.314 10.314 0 0 1 15.475-8.915L47.72 82.25v122.757l17.343-13.649V55.105a10.314 10.314 0 0 1 15.484-8.915l14.886 8.565v34.993L78.099 79.75v20.005l17.352 10.006z"/></svg>
</template>

CSS

.icon-nhost-icon {
  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%20273%22%3E%3Cpath%20fill%3D%22%230052cd%22%20d%3D%22M232.105%2058.517L136.962%203.68a27.88%2027.88%200%200%200-27.691%200a27.68%2027.68%200%200%200-13.829%2023.912v7.157l-6.202-3.583a27.88%2027.88%200%200%200-27.69%200a27.69%2027.69%200%200%200-13.83%2023.956v7.148l-6.202-3.574a27.88%2027.88%200%200%200-27.682%200A27.69%2027.69%200%200%200%200%2082.616v171.776a13.018%2013.018%200%200%200%2021.071%2010.194l47.175-37.143l72.768%2041.92a13.2%2013.2%200%200%200%2013.018%200c4.01-2.32%206.509-6.62%206.509-11.252v-103.35a47.73%2047.73%200%200%200-23.86-41.246l-23.862-13.752V27.618a10.322%2010.322%200%200%201%2015.484-8.914l95.144%2054.81a30.39%2030.39%200%200%201%2015.184%2026.24v128.722c0%203.668-1.979%207.08-5.16%208.914l-25.21%2014.528V127.241a47.73%2047.73%200%200%200-23.86-41.238l-58.572-33.74v19.988l49.896%2028.75a30.36%2030.36%200%200%201%2015.185%2026.24V259.4c0%204.606%202.491%208.931%206.51%2011.252a13.21%2013.21%200%200%200%2013.017%200l31.726-18.282c8.53-4.922%2013.837-14.076%2013.837-23.929V99.721a47.85%2047.85%200%200%200-23.895-41.204m-104.143%2069.986a30.36%2030.36%200%200%201%2015.184%2026.25v95.885l-60.244-34.711l19.34-15.202a27.42%2027.42%200%200%200%2010.543-21.685v-59.255l15.185%208.727zm-32.528-18.742v69.245c0%203.182-1.442%206.142-3.933%208.087l-74.158%2058.35V82.591a10.314%2010.314%200%200%201%2015.475-8.915L47.72%2082.25v122.757l17.343-13.649V55.105a10.314%2010.314%200%200%201%2015.484-8.915l14.886%208.565v34.993L78.099%2079.75v20.005l17.352%2010.006z%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%20273%22%3E%3Cpath%20fill%3D%22%230052cd%22%20d%3D%22M232.105%2058.517L136.962%203.68a27.88%2027.88%200%200%200-27.691%200a27.68%2027.68%200%200%200-13.829%2023.912v7.157l-6.202-3.583a27.88%2027.88%200%200%200-27.69%200a27.69%2027.69%200%200%200-13.83%2023.956v7.148l-6.202-3.574a27.88%2027.88%200%200%200-27.682%200A27.69%2027.69%200%200%200%200%2082.616v171.776a13.018%2013.018%200%200%200%2021.071%2010.194l47.175-37.143l72.768%2041.92a13.2%2013.2%200%200%200%2013.018%200c4.01-2.32%206.509-6.62%206.509-11.252v-103.35a47.73%2047.73%200%200%200-23.86-41.246l-23.862-13.752V27.618a10.322%2010.322%200%200%201%2015.484-8.914l95.144%2054.81a30.39%2030.39%200%200%201%2015.184%2026.24v128.722c0%203.668-1.979%207.08-5.16%208.914l-25.21%2014.528V127.241a47.73%2047.73%200%200%200-23.86-41.238l-58.572-33.74v19.988l49.896%2028.75a30.36%2030.36%200%200%201%2015.185%2026.24V259.4c0%204.606%202.491%208.931%206.51%2011.252a13.21%2013.21%200%200%200%2013.017%200l31.726-18.282c8.53-4.922%2013.837-14.076%2013.837-23.929V99.721a47.85%2047.85%200%200%200-23.895-41.204m-104.143%2069.986a30.36%2030.36%200%200%201%2015.184%2026.25v95.885l-60.244-34.711l19.34-15.202a27.42%2027.42%200%200%200%2010.543-21.685v-59.255l15.185%208.727zm-32.528-18.742v69.245c0%203.182-1.442%206.142-3.933%208.087l-74.158%2058.35V82.591a10.314%2010.314%200%200%201%2015.475-8.915L47.72%2082.25v122.757l17.343-13.649V55.105a10.314%2010.314%200%200%201%2015.484-8.915l14.886%208.565v34.993L78.099%2079.75v20.005l17.352%2010.006z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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