jhipster icon logo

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

Name
jhipster-icon
Set
SVG Logos
Style
Color
Viewbox
256×104
License
CC0

Use the jhipster icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 104"><path fill="#3474ab" d="M149.545 43.027S22.535-30.675 11.558 15.164c-10.979 45.84-23.326 80.678 10.507 87.12c33.833 6.441 127.48-59.257 127.48-59.257"/><path fill="#4289c7" d="M127.588 31.942c36.38-18.832 108.456-51.103 116.695-16.928c11.085 45.99 23.54 80.978-10.25 87.548c-23.712 4.6-77.04-26.493-106.616-45.368c-.043-22.342.214-3.232.171-25.252"/></svg>

React

import type { SVGProps } from "react";

export function LogosJhipsterIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 104"><path fill="#3474ab" d="M149.545 43.027S22.535-30.675 11.558 15.164c-10.979 45.84-23.326 80.678 10.507 87.12c33.833 6.441 127.48-59.257 127.48-59.257"/><path fill="#4289c7" d="M127.588 31.942c36.38-18.832 108.456-51.103 116.695-16.928c11.085 45.99 23.54 80.978-10.25 87.548c-23.712 4.6-77.04-26.493-106.616-45.368c-.043-22.342.214-3.232.171-25.252"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 104"><path fill="#3474ab" d="M149.545 43.027S22.535-30.675 11.558 15.164c-10.979 45.84-23.326 80.678 10.507 87.12c33.833 6.441 127.48-59.257 127.48-59.257"/><path fill="#4289c7" d="M127.588 31.942c36.38-18.832 108.456-51.103 116.695-16.928c11.085 45.99 23.54 80.978-10.25 87.548c-23.712 4.6-77.04-26.493-106.616-45.368c-.043-22.342.214-3.232.171-25.252"/></svg>
</template>

CSS

.icon-jhipster-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%20104%22%3E%3Cpath%20fill%3D%22%233474ab%22%20d%3D%22M149.545%2043.027S22.535-30.675%2011.558%2015.164c-10.979%2045.84-23.326%2080.678%2010.507%2087.12c33.833%206.441%20127.48-59.257%20127.48-59.257%22%2F%3E%3Cpath%20fill%3D%22%234289c7%22%20d%3D%22M127.588%2031.942c36.38-18.832%20108.456-51.103%20116.695-16.928c11.085%2045.99%2023.54%2080.978-10.25%2087.548c-23.712%204.6-77.04-26.493-106.616-45.368c-.043-22.342.214-3.232.171-25.252%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%20104%22%3E%3Cpath%20fill%3D%22%233474ab%22%20d%3D%22M149.545%2043.027S22.535-30.675%2011.558%2015.164c-10.979%2045.84-23.326%2080.678%2010.507%2087.12c33.833%206.441%20127.48-59.257%20127.48-59.257%22%2F%3E%3Cpath%20fill%3D%22%234289c7%22%20d%3D%22M127.588%2031.942c36.38-18.832%20108.456-51.103%20116.695-16.928c11.085%2045.99%2023.54%2080.978-10.25%2087.548c-23.712%204.6-77.04-26.493-106.616-45.368c-.043-22.342.214-3.232.171-25.252%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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