calibre icon logo

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

Name
calibre-icon
Set
SVG Logos
Style
Color
Viewbox
256×283
License
CC0

Use the calibre icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 283"><path fill="#3057f4" d="M28.423 222.25c48.024 29.86 84.58-8.211 84.58-8.211c-13.064 46.678-43.093 55.183-43.093 55.183l6.775 13.539h102.63l6.787-13.539s-30.04-8.505-43.093-55.195c0 0 36.544 38.082 84.568 8.212C275.601 192.39 275.092 76.459 128 0C-19.092 76.436-19.601 192.38 28.423 222.25"/></svg>

React

import type { SVGProps } from "react";

export function LogosCalibreIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 283"><path fill="#3057f4" d="M28.423 222.25c48.024 29.86 84.58-8.211 84.58-8.211c-13.064 46.678-43.093 55.183-43.093 55.183l6.775 13.539h102.63l6.787-13.539s-30.04-8.505-43.093-55.195c0 0 36.544 38.082 84.568 8.212C275.601 192.39 275.092 76.459 128 0C-19.092 76.436-19.601 192.38 28.423 222.25"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 283"><path fill="#3057f4" d="M28.423 222.25c48.024 29.86 84.58-8.211 84.58-8.211c-13.064 46.678-43.093 55.183-43.093 55.183l6.775 13.539h102.63l6.787-13.539s-30.04-8.505-43.093-55.195c0 0 36.544 38.082 84.568 8.212C275.601 192.39 275.092 76.459 128 0C-19.092 76.436-19.601 192.38 28.423 222.25"/></svg>
</template>

CSS

.icon-calibre-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%20283%22%3E%3Cpath%20fill%3D%22%233057f4%22%20d%3D%22M28.423%20222.25c48.024%2029.86%2084.58-8.211%2084.58-8.211c-13.064%2046.678-43.093%2055.183-43.093%2055.183l6.775%2013.539h102.63l6.787-13.539s-30.04-8.505-43.093-55.195c0%200%2036.544%2038.082%2084.568%208.212C275.601%20192.39%20275.092%2076.459%20128%200C-19.092%2076.436-19.601%20192.38%2028.423%20222.25%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%20283%22%3E%3Cpath%20fill%3D%22%233057f4%22%20d%3D%22M28.423%20222.25c48.024%2029.86%2084.58-8.211%2084.58-8.211c-13.064%2046.678-43.093%2055.183-43.093%2055.183l6.775%2013.539h102.63l6.787-13.539s-30.04-8.505-43.093-55.195c0%200%2036.544%2038.082%2084.568%208.212C275.601%20192.39%20275.092%2076.459%20128%200C-19.092%2076.436-19.601%20192.38%2028.423%20222.25%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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