nats logo

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

Name
nats
Set
SVG Logos
Style
Color
Viewbox
512×125
License
CC0

The same logo in other sets

natsDevicon

Related icons in SVG Logos

nats-icon

Use the nats logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 125"><path fill="#27aae1" d="M0 97.594h51.481l29.522 27.326V97.594h39.403V0H0z"/><path fill="#34a574" d="M130.531 97.594h120.406V0H130.531z"/><path fill="#375c93" d="M261.063 97.594h120.406V0H261.063z"/><path fill="#8dc63f" d="M391.594 0v97.594H512V0z"/><path fill="#fff" d="M451.126 21.837c13.053 0 26.35 2.073 33.304 4.88v12.198c-7.93-3.415-21.715-5.855-33.182-5.855c-12.687 0-18.177.854-19.763 2.44c-.61.61-.976 1.342-.976 2.317c0 1.098.244 1.83.854 2.44c1.586 1.586 7.442 2.074 21.105 2.318c20.007.488 28.668 2.196 33.06 6.466c2.196 2.196 3.416 5.611 3.416 9.393c0 4.026-.854 7.93-3.782 10.857c-3.904 3.904-12.443 6.954-32.694 6.954c-15.005 0-29.4-2.318-37.452-5.734v-12.32c7.808 3.537 24.52 6.709 37.452 6.709c11.223 0 19.153-.366 21.349-2.562c.731-.854.853-1.586.853-2.44c0-.976-.244-1.586-.853-2.196a4 4 0 0 0-.231-.215l-.084-.07c-1.32-1.069-4.302-1.828-20.912-2.277c-19.153-.488-28.546-2.44-32.938-6.831c-1.952-2.074-3.172-5.368-3.172-9.15c0-4.025.732-7.563 4.026-10.857c4.27-4.27 12.931-6.465 30.62-6.465m-251.425.732l37.573 52.578h-17.2l-7.076-10.125h-46.48l-7.075 10.247h-16.468l37.573-52.7zm-157.736.243l43.43 40.502V22.812h14.394v52.335H77.953L33.792 33.914v41.233H19.397V22.812zm319.375 0v11.834h-33.182v40.501h-14.883V34.646h-33.304V22.812zM189.697 31.84l-15.615 22.324h31.23z"/></svg>

React

import type { SVGProps } from "react";

export function LogosNats(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 125"><path fill="#27aae1" d="M0 97.594h51.481l29.522 27.326V97.594h39.403V0H0z"/><path fill="#34a574" d="M130.531 97.594h120.406V0H130.531z"/><path fill="#375c93" d="M261.063 97.594h120.406V0H261.063z"/><path fill="#8dc63f" d="M391.594 0v97.594H512V0z"/><path fill="#fff" d="M451.126 21.837c13.053 0 26.35 2.073 33.304 4.88v12.198c-7.93-3.415-21.715-5.855-33.182-5.855c-12.687 0-18.177.854-19.763 2.44c-.61.61-.976 1.342-.976 2.317c0 1.098.244 1.83.854 2.44c1.586 1.586 7.442 2.074 21.105 2.318c20.007.488 28.668 2.196 33.06 6.466c2.196 2.196 3.416 5.611 3.416 9.393c0 4.026-.854 7.93-3.782 10.857c-3.904 3.904-12.443 6.954-32.694 6.954c-15.005 0-29.4-2.318-37.452-5.734v-12.32c7.808 3.537 24.52 6.709 37.452 6.709c11.223 0 19.153-.366 21.349-2.562c.731-.854.853-1.586.853-2.44c0-.976-.244-1.586-.853-2.196a4 4 0 0 0-.231-.215l-.084-.07c-1.32-1.069-4.302-1.828-20.912-2.277c-19.153-.488-28.546-2.44-32.938-6.831c-1.952-2.074-3.172-5.368-3.172-9.15c0-4.025.732-7.563 4.026-10.857c4.27-4.27 12.931-6.465 30.62-6.465m-251.425.732l37.573 52.578h-17.2l-7.076-10.125h-46.48l-7.075 10.247h-16.468l37.573-52.7zm-157.736.243l43.43 40.502V22.812h14.394v52.335H77.953L33.792 33.914v41.233H19.397V22.812zm319.375 0v11.834h-33.182v40.501h-14.883V34.646h-33.304V22.812zM189.697 31.84l-15.615 22.324h31.23z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 125"><path fill="#27aae1" d="M0 97.594h51.481l29.522 27.326V97.594h39.403V0H0z"/><path fill="#34a574" d="M130.531 97.594h120.406V0H130.531z"/><path fill="#375c93" d="M261.063 97.594h120.406V0H261.063z"/><path fill="#8dc63f" d="M391.594 0v97.594H512V0z"/><path fill="#fff" d="M451.126 21.837c13.053 0 26.35 2.073 33.304 4.88v12.198c-7.93-3.415-21.715-5.855-33.182-5.855c-12.687 0-18.177.854-19.763 2.44c-.61.61-.976 1.342-.976 2.317c0 1.098.244 1.83.854 2.44c1.586 1.586 7.442 2.074 21.105 2.318c20.007.488 28.668 2.196 33.06 6.466c2.196 2.196 3.416 5.611 3.416 9.393c0 4.026-.854 7.93-3.782 10.857c-3.904 3.904-12.443 6.954-32.694 6.954c-15.005 0-29.4-2.318-37.452-5.734v-12.32c7.808 3.537 24.52 6.709 37.452 6.709c11.223 0 19.153-.366 21.349-2.562c.731-.854.853-1.586.853-2.44c0-.976-.244-1.586-.853-2.196a4 4 0 0 0-.231-.215l-.084-.07c-1.32-1.069-4.302-1.828-20.912-2.277c-19.153-.488-28.546-2.44-32.938-6.831c-1.952-2.074-3.172-5.368-3.172-9.15c0-4.025.732-7.563 4.026-10.857c4.27-4.27 12.931-6.465 30.62-6.465m-251.425.732l37.573 52.578h-17.2l-7.076-10.125h-46.48l-7.075 10.247h-16.468l37.573-52.7zm-157.736.243l43.43 40.502V22.812h14.394v52.335H77.953L33.792 33.914v41.233H19.397V22.812zm319.375 0v11.834h-33.182v40.501h-14.883V34.646h-33.304V22.812zM189.697 31.84l-15.615 22.324h31.23z"/></svg>
</template>

CSS

.icon-nats {
  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%20512%20125%22%3E%3Cpath%20fill%3D%22%2327aae1%22%20d%3D%22M0%2097.594h51.481l29.522%2027.326V97.594h39.403V0H0z%22%2F%3E%3Cpath%20fill%3D%22%2334a574%22%20d%3D%22M130.531%2097.594h120.406V0H130.531z%22%2F%3E%3Cpath%20fill%3D%22%23375c93%22%20d%3D%22M261.063%2097.594h120.406V0H261.063z%22%2F%3E%3Cpath%20fill%3D%22%238dc63f%22%20d%3D%22M391.594%200v97.594H512V0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M451.126%2021.837c13.053%200%2026.35%202.073%2033.304%204.88v12.198c-7.93-3.415-21.715-5.855-33.182-5.855c-12.687%200-18.177.854-19.763%202.44c-.61.61-.976%201.342-.976%202.317c0%201.098.244%201.83.854%202.44c1.586%201.586%207.442%202.074%2021.105%202.318c20.007.488%2028.668%202.196%2033.06%206.466c2.196%202.196%203.416%205.611%203.416%209.393c0%204.026-.854%207.93-3.782%2010.857c-3.904%203.904-12.443%206.954-32.694%206.954c-15.005%200-29.4-2.318-37.452-5.734v-12.32c7.808%203.537%2024.52%206.709%2037.452%206.709c11.223%200%2019.153-.366%2021.349-2.562c.731-.854.853-1.586.853-2.44c0-.976-.244-1.586-.853-2.196a4%204%200%200%200-.231-.215l-.084-.07c-1.32-1.069-4.302-1.828-20.912-2.277c-19.153-.488-28.546-2.44-32.938-6.831c-1.952-2.074-3.172-5.368-3.172-9.15c0-4.025.732-7.563%204.026-10.857c4.27-4.27%2012.931-6.465%2030.62-6.465m-251.425.732l37.573%2052.578h-17.2l-7.076-10.125h-46.48l-7.075%2010.247h-16.468l37.573-52.7zm-157.736.243l43.43%2040.502V22.812h14.394v52.335H77.953L33.792%2033.914v41.233H19.397V22.812zm319.375%200v11.834h-33.182v40.501h-14.883V34.646h-33.304V22.812zM189.697%2031.84l-15.615%2022.324h31.23z%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%20512%20125%22%3E%3Cpath%20fill%3D%22%2327aae1%22%20d%3D%22M0%2097.594h51.481l29.522%2027.326V97.594h39.403V0H0z%22%2F%3E%3Cpath%20fill%3D%22%2334a574%22%20d%3D%22M130.531%2097.594h120.406V0H130.531z%22%2F%3E%3Cpath%20fill%3D%22%23375c93%22%20d%3D%22M261.063%2097.594h120.406V0H261.063z%22%2F%3E%3Cpath%20fill%3D%22%238dc63f%22%20d%3D%22M391.594%200v97.594H512V0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M451.126%2021.837c13.053%200%2026.35%202.073%2033.304%204.88v12.198c-7.93-3.415-21.715-5.855-33.182-5.855c-12.687%200-18.177.854-19.763%202.44c-.61.61-.976%201.342-.976%202.317c0%201.098.244%201.83.854%202.44c1.586%201.586%207.442%202.074%2021.105%202.318c20.007.488%2028.668%202.196%2033.06%206.466c2.196%202.196%203.416%205.611%203.416%209.393c0%204.026-.854%207.93-3.782%2010.857c-3.904%203.904-12.443%206.954-32.694%206.954c-15.005%200-29.4-2.318-37.452-5.734v-12.32c7.808%203.537%2024.52%206.709%2037.452%206.709c11.223%200%2019.153-.366%2021.349-2.562c.731-.854.853-1.586.853-2.44c0-.976-.244-1.586-.853-2.196a4%204%200%200%200-.231-.215l-.084-.07c-1.32-1.069-4.302-1.828-20.912-2.277c-19.153-.488-28.546-2.44-32.938-6.831c-1.952-2.074-3.172-5.368-3.172-9.15c0-4.025.732-7.563%204.026-10.857c4.27-4.27%2012.931-6.465%2030.62-6.465m-251.425.732l37.573%2052.578h-17.2l-7.076-10.125h-46.48l-7.075%2010.247h-16.468l37.573-52.7zm-157.736.243l43.43%2040.502V22.812h14.394v52.335H77.953L33.792%2033.914v41.233H19.397V22.812zm319.375%200v11.834h-33.182v40.501h-14.883V34.646h-33.304V22.812zM189.697%2031.84l-15.615%2022.324h31.23z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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