librato logo

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

Name
librato
Set
SVG Logos
Style
Color
Viewbox
256×194
License
CC0

Use the librato logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 194"><path d="M236.651 193.181c10.686 0 19.349-8.663 19.349-19.349s-8.663-19.349-19.349-19.349s-19.349 8.663-19.349 19.35c0 10.685 8.663 19.348 19.35 19.348zM99.292 124.795c-14.424 0-26.16-11.05-26.16-24.705c0-13.61 11.736-24.655 26.16-24.655c14.477 0 26.187 11.044 26.187 24.655c0 13.655-11.71 24.705-26.187 24.705zM43.186.001C19.436.001 0 17.667 0 40.068v151.625h155.432c23.743 0 41.033-23.335 41.033-45.73V0H43.19l-.003.001z" fill="#0F80AA"/></svg>

React

import type { SVGProps } from "react";

export function LogosLibrato(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 194"><path d="M236.651 193.181c10.686 0 19.349-8.663 19.349-19.349s-8.663-19.349-19.349-19.349s-19.349 8.663-19.349 19.35c0 10.685 8.663 19.348 19.35 19.348zM99.292 124.795c-14.424 0-26.16-11.05-26.16-24.705c0-13.61 11.736-24.655 26.16-24.655c14.477 0 26.187 11.044 26.187 24.655c0 13.655-11.71 24.705-26.187 24.705zM43.186.001C19.436.001 0 17.667 0 40.068v151.625h155.432c23.743 0 41.033-23.335 41.033-45.73V0H43.19l-.003.001z" fill="#0F80AA"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 194"><path d="M236.651 193.181c10.686 0 19.349-8.663 19.349-19.349s-8.663-19.349-19.349-19.349s-19.349 8.663-19.349 19.35c0 10.685 8.663 19.348 19.35 19.348zM99.292 124.795c-14.424 0-26.16-11.05-26.16-24.705c0-13.61 11.736-24.655 26.16-24.655c14.477 0 26.187 11.044 26.187 24.655c0 13.655-11.71 24.705-26.187 24.705zM43.186.001C19.436.001 0 17.667 0 40.068v151.625h155.432c23.743 0 41.033-23.335 41.033-45.73V0H43.19l-.003.001z" fill="#0F80AA"/></svg>
</template>

CSS

.icon-librato {
  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%20194%22%3E%3Cpath%20d%3D%22M236.651%20193.181c10.686%200%2019.349-8.663%2019.349-19.349s-8.663-19.349-19.349-19.349s-19.349%208.663-19.349%2019.35c0%2010.685%208.663%2019.348%2019.35%2019.348zM99.292%20124.795c-14.424%200-26.16-11.05-26.16-24.705c0-13.61%2011.736-24.655%2026.16-24.655c14.477%200%2026.187%2011.044%2026.187%2024.655c0%2013.655-11.71%2024.705-26.187%2024.705zM43.186.001C19.436.001%200%2017.667%200%2040.068v151.625h155.432c23.743%200%2041.033-23.335%2041.033-45.73V0H43.19l-.003.001z%22%20fill%3D%22%230F80AA%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%20194%22%3E%3Cpath%20d%3D%22M236.651%20193.181c10.686%200%2019.349-8.663%2019.349-19.349s-8.663-19.349-19.349-19.349s-19.349%208.663-19.349%2019.35c0%2010.685%208.663%2019.348%2019.35%2019.348zM99.292%20124.795c-14.424%200-26.16-11.05-26.16-24.705c0-13.61%2011.736-24.655%2026.16-24.655c14.477%200%2026.187%2011.044%2026.187%2024.655c0%2013.655-11.71%2024.705-26.187%2024.705zM43.186.001C19.436.001%200%2017.667%200%2040.068v151.625h155.432c23.743%200%2041.033-23.335%2041.033-45.73V0H43.19l-.003.001z%22%20fill%3D%22%230F80AA%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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