hasura icon logo

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

Name
hasura-icon
Set
SVG Logos
Style
Color
Viewbox
256×259
License
CC0

Use the hasura icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 259"><path fill="#1eb4d4" d="M233.5 2.057c1.607-2.47 5.207-2.79 7.142-.552c14.531 16.794 19.199 61.836 12.075 85.335l-.349 1.103c-2.53 7.701-3.244 15.84-1.785 23.745l.591 3.215l.57 3.325c1.014 6.156 1.813 12.542 1.813 17.38c0 67.721-56.216 122.652-125.587 122.652c-69.341 0-125.588-54.902-125.588-122.652c0-5.278.952-12.398 2.095-19.052l.584-3.278q.148-.805.297-1.59c1.4-7.44.876-15.087-1.299-22.382l-.427-1.363C-3.987 64.807.596 18.595 15.357 1.505c1.833-2.093 5.161-1.942 6.873.18l.27.372L40.683 29.93c4.524 5.551 12.619 6.859 18.69 2.964c19.73-12.614 43.3-19.938 68.627-19.938s48.895 7.324 68.626 19.938c5.899 3.765 13.66 2.696 18.23-2.42l.461-.544zM128 40.974c-14.88 0-28.987 3.255-41.575 9.127c-31.397 14.532-53.598 45.02-55.533 80.711a96 96 0 0 0-.148 5.087c0 52.374 43.598 94.983 97.226 94.983s97.256-42.609 97.286-94.954c0-1.686-.06-3.4-.149-5.086c-1.935-35.663-24.135-66.18-55.532-80.713c-12.619-5.9-26.695-9.155-41.575-9.155m-6.46 52.984c.86 0 1.674.378 2.203 1.038l.209.3l21.308 35.08l24.85 42.086a2.59 2.59 0 0 1 0 2.703c-.417.738-1.176 1.23-2.037 1.342l-.374.024h-20.207c-.86 0-1.673-.4-2.202-1.065l-.209-.301l-13.273-22.468l-14.79 22.554a2.77 2.77 0 0 1-1.998 1.23l-.354.02H94.161c-1.041 0-1.994-.552-2.47-1.424a2.7 2.7 0 0 1-.068-2.463l.187-.326l27.35-40.75l-20.386-33.453c-.506-.843-.535-1.889-.03-2.732a2.8 2.8 0 0 1 2.066-1.37l.375-.025z"/></svg>

React

import type { SVGProps } from "react";

export function LogosHasuraIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 259"><path fill="#1eb4d4" d="M233.5 2.057c1.607-2.47 5.207-2.79 7.142-.552c14.531 16.794 19.199 61.836 12.075 85.335l-.349 1.103c-2.53 7.701-3.244 15.84-1.785 23.745l.591 3.215l.57 3.325c1.014 6.156 1.813 12.542 1.813 17.38c0 67.721-56.216 122.652-125.587 122.652c-69.341 0-125.588-54.902-125.588-122.652c0-5.278.952-12.398 2.095-19.052l.584-3.278q.148-.805.297-1.59c1.4-7.44.876-15.087-1.299-22.382l-.427-1.363C-3.987 64.807.596 18.595 15.357 1.505c1.833-2.093 5.161-1.942 6.873.18l.27.372L40.683 29.93c4.524 5.551 12.619 6.859 18.69 2.964c19.73-12.614 43.3-19.938 68.627-19.938s48.895 7.324 68.626 19.938c5.899 3.765 13.66 2.696 18.23-2.42l.461-.544zM128 40.974c-14.88 0-28.987 3.255-41.575 9.127c-31.397 14.532-53.598 45.02-55.533 80.711a96 96 0 0 0-.148 5.087c0 52.374 43.598 94.983 97.226 94.983s97.256-42.609 97.286-94.954c0-1.686-.06-3.4-.149-5.086c-1.935-35.663-24.135-66.18-55.532-80.713c-12.619-5.9-26.695-9.155-41.575-9.155m-6.46 52.984c.86 0 1.674.378 2.203 1.038l.209.3l21.308 35.08l24.85 42.086a2.59 2.59 0 0 1 0 2.703c-.417.738-1.176 1.23-2.037 1.342l-.374.024h-20.207c-.86 0-1.673-.4-2.202-1.065l-.209-.301l-13.273-22.468l-14.79 22.554a2.77 2.77 0 0 1-1.998 1.23l-.354.02H94.161c-1.041 0-1.994-.552-2.47-1.424a2.7 2.7 0 0 1-.068-2.463l.187-.326l27.35-40.75l-20.386-33.453c-.506-.843-.535-1.889-.03-2.732a2.8 2.8 0 0 1 2.066-1.37l.375-.025z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 259"><path fill="#1eb4d4" d="M233.5 2.057c1.607-2.47 5.207-2.79 7.142-.552c14.531 16.794 19.199 61.836 12.075 85.335l-.349 1.103c-2.53 7.701-3.244 15.84-1.785 23.745l.591 3.215l.57 3.325c1.014 6.156 1.813 12.542 1.813 17.38c0 67.721-56.216 122.652-125.587 122.652c-69.341 0-125.588-54.902-125.588-122.652c0-5.278.952-12.398 2.095-19.052l.584-3.278q.148-.805.297-1.59c1.4-7.44.876-15.087-1.299-22.382l-.427-1.363C-3.987 64.807.596 18.595 15.357 1.505c1.833-2.093 5.161-1.942 6.873.18l.27.372L40.683 29.93c4.524 5.551 12.619 6.859 18.69 2.964c19.73-12.614 43.3-19.938 68.627-19.938s48.895 7.324 68.626 19.938c5.899 3.765 13.66 2.696 18.23-2.42l.461-.544zM128 40.974c-14.88 0-28.987 3.255-41.575 9.127c-31.397 14.532-53.598 45.02-55.533 80.711a96 96 0 0 0-.148 5.087c0 52.374 43.598 94.983 97.226 94.983s97.256-42.609 97.286-94.954c0-1.686-.06-3.4-.149-5.086c-1.935-35.663-24.135-66.18-55.532-80.713c-12.619-5.9-26.695-9.155-41.575-9.155m-6.46 52.984c.86 0 1.674.378 2.203 1.038l.209.3l21.308 35.08l24.85 42.086a2.59 2.59 0 0 1 0 2.703c-.417.738-1.176 1.23-2.037 1.342l-.374.024h-20.207c-.86 0-1.673-.4-2.202-1.065l-.209-.301l-13.273-22.468l-14.79 22.554a2.77 2.77 0 0 1-1.998 1.23l-.354.02H94.161c-1.041 0-1.994-.552-2.47-1.424a2.7 2.7 0 0 1-.068-2.463l.187-.326l27.35-40.75l-20.386-33.453c-.506-.843-.535-1.889-.03-2.732a2.8 2.8 0 0 1 2.066-1.37l.375-.025z"/></svg>
</template>

CSS

.icon-hasura-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%20259%22%3E%3Cpath%20fill%3D%22%231eb4d4%22%20d%3D%22M233.5%202.057c1.607-2.47%205.207-2.79%207.142-.552c14.531%2016.794%2019.199%2061.836%2012.075%2085.335l-.349%201.103c-2.53%207.701-3.244%2015.84-1.785%2023.745l.591%203.215l.57%203.325c1.014%206.156%201.813%2012.542%201.813%2017.38c0%2067.721-56.216%20122.652-125.587%20122.652c-69.341%200-125.588-54.902-125.588-122.652c0-5.278.952-12.398%202.095-19.052l.584-3.278q.148-.805.297-1.59c1.4-7.44.876-15.087-1.299-22.382l-.427-1.363C-3.987%2064.807.596%2018.595%2015.357%201.505c1.833-2.093%205.161-1.942%206.873.18l.27.372L40.683%2029.93c4.524%205.551%2012.619%206.859%2018.69%202.964c19.73-12.614%2043.3-19.938%2068.627-19.938s48.895%207.324%2068.626%2019.938c5.899%203.765%2013.66%202.696%2018.23-2.42l.461-.544zM128%2040.974c-14.88%200-28.987%203.255-41.575%209.127c-31.397%2014.532-53.598%2045.02-55.533%2080.711a96%2096%200%200%200-.148%205.087c0%2052.374%2043.598%2094.983%2097.226%2094.983s97.256-42.609%2097.286-94.954c0-1.686-.06-3.4-.149-5.086c-1.935-35.663-24.135-66.18-55.532-80.713c-12.619-5.9-26.695-9.155-41.575-9.155m-6.46%2052.984c.86%200%201.674.378%202.203%201.038l.209.3l21.308%2035.08l24.85%2042.086a2.59%202.59%200%200%201%200%202.703c-.417.738-1.176%201.23-2.037%201.342l-.374.024h-20.207c-.86%200-1.673-.4-2.202-1.065l-.209-.301l-13.273-22.468l-14.79%2022.554a2.77%202.77%200%200%201-1.998%201.23l-.354.02H94.161c-1.041%200-1.994-.552-2.47-1.424a2.7%202.7%200%200%201-.068-2.463l.187-.326l27.35-40.75l-20.386-33.453c-.506-.843-.535-1.889-.03-2.732a2.8%202.8%200%200%201%202.066-1.37l.375-.025z%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%20259%22%3E%3Cpath%20fill%3D%22%231eb4d4%22%20d%3D%22M233.5%202.057c1.607-2.47%205.207-2.79%207.142-.552c14.531%2016.794%2019.199%2061.836%2012.075%2085.335l-.349%201.103c-2.53%207.701-3.244%2015.84-1.785%2023.745l.591%203.215l.57%203.325c1.014%206.156%201.813%2012.542%201.813%2017.38c0%2067.721-56.216%20122.652-125.587%20122.652c-69.341%200-125.588-54.902-125.588-122.652c0-5.278.952-12.398%202.095-19.052l.584-3.278q.148-.805.297-1.59c1.4-7.44.876-15.087-1.299-22.382l-.427-1.363C-3.987%2064.807.596%2018.595%2015.357%201.505c1.833-2.093%205.161-1.942%206.873.18l.27.372L40.683%2029.93c4.524%205.551%2012.619%206.859%2018.69%202.964c19.73-12.614%2043.3-19.938%2068.627-19.938s48.895%207.324%2068.626%2019.938c5.899%203.765%2013.66%202.696%2018.23-2.42l.461-.544zM128%2040.974c-14.88%200-28.987%203.255-41.575%209.127c-31.397%2014.532-53.598%2045.02-55.533%2080.711a96%2096%200%200%200-.148%205.087c0%2052.374%2043.598%2094.983%2097.226%2094.983s97.256-42.609%2097.286-94.954c0-1.686-.06-3.4-.149-5.086c-1.935-35.663-24.135-66.18-55.532-80.713c-12.619-5.9-26.695-9.155-41.575-9.155m-6.46%2052.984c.86%200%201.674.378%202.203%201.038l.209.3l21.308%2035.08l24.85%2042.086a2.59%202.59%200%200%201%200%202.703c-.417.738-1.176%201.23-2.037%201.342l-.374.024h-20.207c-.86%200-1.673-.4-2.202-1.065l-.209-.301l-13.273-22.468l-14.79%2022.554a2.77%202.77%200%200%201-1.998%201.23l-.354.02H94.161c-1.041%200-1.994-.552-2.47-1.424a2.7%202.7%200%200%201-.068-2.463l.187-.326l27.35-40.75l-20.386-33.453c-.506-.843-.535-1.889-.03-2.732a2.8%202.8%200%200%201%202.066-1.37l.375-.025z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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