Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Simple Icons · SiNhost

Nhost icon

A free nhost icon from Simple Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License: CC0 1.0 Universal license
Project: simpleicons.org

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/simple-icons/nhost.json

components/icons/simple-icons-nhost.tsx

import * as React from "react";

/**
 * Nhost from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
 * Via Cuelark UI: ui.cuelark.com/icons/simple-icons/nhost. Sized in em, colored by currentColor.
 */
export function SiNhostIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      role="img"
      viewBox="0 0 24 24"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M21.1766 5.1563 12.79.3243a2.4582 2.4582 0 0 0-2.4408 0 2.4392 2.4392 0 0 0-1.219 2.107v.6308l-.5467-.3157a2.4582 2.4582 0 0 0-2.4408 0 2.44 2.44 0 0 0-1.219 2.1107v.63l-.5466-.315a2.4581 2.4581 0 0 0-2.4402 0A2.44 2.44 0 0 0 .7172 7.2799v15.1363a1.147 1.147 0 0 0 .6477 1.0296 1.1478 1.1478 0 0 0 1.2096-.1313l4.1584-3.273 6.4142 3.694c.356.2015.7916.2015 1.1475 0 .3535-.2045.5738-.5834.5738-.9916v-9.1068a4.2055 4.2055 0 0 0-2.1033-3.6345L10.662 8.7908V2.4337a.9096.9096 0 0 1 .4559-.7861.9102.9102 0 0 1 .9089.0005l8.3867 4.8297a2.6774 2.6774 0 0 1 1.3385 2.3123v11.3424a.9092.9092 0 0 1-.455.7855l-2.222 1.2802V11.212a4.2055 4.2055 0 0 0-2.1033-3.6337l-5.163-2.973v1.7613l4.3983 2.5332a2.6751 2.6751 0 0 1 1.3385 2.3122v11.6454c0 .406.2195.787.5737.9916.356.2013.7916.2013 1.1475 0l2.7966-1.611c.752-.4337 1.2196-1.2403 1.2196-2.1085V8.787a4.216 4.216 0 0 0-2.1062-3.6307Zm-9.18 6.167a2.6752 2.6752 0 0 1 1.3385 2.313v8.4491l-5.3104-3.0586 1.7047-1.3396a2.4156 2.4156 0 0 0 .9295-1.9108V10.555l1.3385.769zM9.1294 9.6718v6.1016a.9.9 0 0 1-.3467.7126L2.246 21.6277v-14.35a.9088.9088 0 0 1 .4553-.7863.9094.9094 0 0 1 .9088.0007l1.3136.7555v10.817l1.5288-1.2027V4.8556a.9087.9087 0 0 1 .4555-.7867.9094.9094 0 0 1 .9093.0012l1.3122.7547v3.0835l-1.528-.881v1.7628l1.5295.8817z"
      />
    </svg>
  );
}

With react-icons

import { SiNhost } from "react-icons/si";

export function Example() {
  return <SiNhost className="size-5" />;
}

nhost.svg

<svg
  role="img"
  viewBox="0 0 24 24"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M21.1766 5.1563 12.79.3243a2.4582 2.4582 0 0 0-2.4408 0 2.4392 2.4392 0 0 0-1.219 2.107v.6308l-.5467-.3157a2.4582 2.4582 0 0 0-2.4408 0 2.44 2.44 0 0 0-1.219 2.1107v.63l-.5466-.315a2.4581 2.4581 0 0 0-2.4402 0A2.44 2.44 0 0 0 .7172 7.2799v15.1363a1.147 1.147 0 0 0 .6477 1.0296 1.1478 1.1478 0 0 0 1.2096-.1313l4.1584-3.273 6.4142 3.694c.356.2015.7916.2015 1.1475 0 .3535-.2045.5738-.5834.5738-.9916v-9.1068a4.2055 4.2055 0 0 0-2.1033-3.6345L10.662 8.7908V2.4337a.9096.9096 0 0 1 .4559-.7861.9102.9102 0 0 1 .9089.0005l8.3867 4.8297a2.6774 2.6774 0 0 1 1.3385 2.3123v11.3424a.9092.9092 0 0 1-.455.7855l-2.222 1.2802V11.212a4.2055 4.2055 0 0 0-2.1033-3.6337l-5.163-2.973v1.7613l4.3983 2.5332a2.6751 2.6751 0 0 1 1.3385 2.3122v11.6454c0 .406.2195.787.5737.9916.356.2013.7916.2013 1.1475 0l2.7966-1.611c.752-.4337 1.2196-1.2403 1.2196-2.1085V8.787a4.216 4.216 0 0 0-2.1062-3.6307Zm-9.18 6.167a2.6752 2.6752 0 0 1 1.3385 2.313v8.4491l-5.3104-3.0586 1.7047-1.3396a2.4156 2.4156 0 0 0 .9295-1.9108V10.555l1.3385.769zM9.1294 9.6718v6.1016a.9.9 0 0 1-.3467.7126L2.246 21.6277v-14.35a.9088.9088 0 0 1 .4553-.7863.9094.9094 0 0 1 .9088.0007l1.3136.7555v10.817l1.5288-1.2027V4.8556a.9087.9087 0 0 1 .4555-.7867.9094.9094 0 0 1 .9093.0012l1.3122.7547v3.0835l-1.528-.881v1.7628l1.5295.8817z"
  />
</svg>

Attribution

"Nhost" icon from Simple Icons (https://simpleicons.org/), licensed under CC0 1.0 Universal license.

Similar Simple Icons icons