coderabbit icon logo

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

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

Use the coderabbit icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#ff570a" d="M128 0c70.692 0 128 57.308 128 128s-57.308 128-128 128S0 198.692 0 128S57.308 0 128 0m-23.305 34.464c5.545 40.896 28.442 30.244 41.926 58.433c0 0-22.753-31.74-60.163-20.054c.157.337 13.87 29.406 53.968 35.374c0 0 3.228 11.363 4.203 13.369c-.402-.214-62.171-33.032-80.97 30.558c-14.035-3.262-18.743 12.37-2.613 23.052c.053-.214 2.81-11.218 9.43-14.506c0 0-14.343 16.42 2.524 36.08h60.54c1.463-2.485 7.936-15.568-8.074-25.471c11.302-.165 20.503 21.71 30.4 25.62h14.392c.488-1.214 1.509-4.853-.882-8.126c-3.687-4.337-11.752-3.75-11.683-11.77c2.788-37.335 57.336-25.876 55.602-70.808l-.795-.996c-3.67-4.434-19.542-22.22-38.868-23.375c-14.248-.863-17.711 1.087-18.333 2.543c-.887-7.556-7.18-42.513-50.604-49.923"/></svg>

React

import type { SVGProps } from "react";

export function LogosCoderabbitIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#ff570a" d="M128 0c70.692 0 128 57.308 128 128s-57.308 128-128 128S0 198.692 0 128S57.308 0 128 0m-23.305 34.464c5.545 40.896 28.442 30.244 41.926 58.433c0 0-22.753-31.74-60.163-20.054c.157.337 13.87 29.406 53.968 35.374c0 0 3.228 11.363 4.203 13.369c-.402-.214-62.171-33.032-80.97 30.558c-14.035-3.262-18.743 12.37-2.613 23.052c.053-.214 2.81-11.218 9.43-14.506c0 0-14.343 16.42 2.524 36.08h60.54c1.463-2.485 7.936-15.568-8.074-25.471c11.302-.165 20.503 21.71 30.4 25.62h14.392c.488-1.214 1.509-4.853-.882-8.126c-3.687-4.337-11.752-3.75-11.683-11.77c2.788-37.335 57.336-25.876 55.602-70.808l-.795-.996c-3.67-4.434-19.542-22.22-38.868-23.375c-14.248-.863-17.711 1.087-18.333 2.543c-.887-7.556-7.18-42.513-50.604-49.923"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#ff570a" d="M128 0c70.692 0 128 57.308 128 128s-57.308 128-128 128S0 198.692 0 128S57.308 0 128 0m-23.305 34.464c5.545 40.896 28.442 30.244 41.926 58.433c0 0-22.753-31.74-60.163-20.054c.157.337 13.87 29.406 53.968 35.374c0 0 3.228 11.363 4.203 13.369c-.402-.214-62.171-33.032-80.97 30.558c-14.035-3.262-18.743 12.37-2.613 23.052c.053-.214 2.81-11.218 9.43-14.506c0 0-14.343 16.42 2.524 36.08h60.54c1.463-2.485 7.936-15.568-8.074-25.471c11.302-.165 20.503 21.71 30.4 25.62h14.392c.488-1.214 1.509-4.853-.882-8.126c-3.687-4.337-11.752-3.75-11.683-11.77c2.788-37.335 57.336-25.876 55.602-70.808l-.795-.996c-3.67-4.434-19.542-22.22-38.868-23.375c-14.248-.863-17.711 1.087-18.333 2.543c-.887-7.556-7.18-42.513-50.604-49.923"/></svg>
</template>

CSS

.icon-coderabbit-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%20256%22%3E%3Cpath%20fill%3D%22%23ff570a%22%20d%3D%22M128%200c70.692%200%20128%2057.308%20128%20128s-57.308%20128-128%20128S0%20198.692%200%20128S57.308%200%20128%200m-23.305%2034.464c5.545%2040.896%2028.442%2030.244%2041.926%2058.433c0%200-22.753-31.74-60.163-20.054c.157.337%2013.87%2029.406%2053.968%2035.374c0%200%203.228%2011.363%204.203%2013.369c-.402-.214-62.171-33.032-80.97%2030.558c-14.035-3.262-18.743%2012.37-2.613%2023.052c.053-.214%202.81-11.218%209.43-14.506c0%200-14.343%2016.42%202.524%2036.08h60.54c1.463-2.485%207.936-15.568-8.074-25.471c11.302-.165%2020.503%2021.71%2030.4%2025.62h14.392c.488-1.214%201.509-4.853-.882-8.126c-3.687-4.337-11.752-3.75-11.683-11.77c2.788-37.335%2057.336-25.876%2055.602-70.808l-.795-.996c-3.67-4.434-19.542-22.22-38.868-23.375c-14.248-.863-17.711%201.087-18.333%202.543c-.887-7.556-7.18-42.513-50.604-49.923%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%20256%22%3E%3Cpath%20fill%3D%22%23ff570a%22%20d%3D%22M128%200c70.692%200%20128%2057.308%20128%20128s-57.308%20128-128%20128S0%20198.692%200%20128S57.308%200%20128%200m-23.305%2034.464c5.545%2040.896%2028.442%2030.244%2041.926%2058.433c0%200-22.753-31.74-60.163-20.054c.157.337%2013.87%2029.406%2053.968%2035.374c0%200%203.228%2011.363%204.203%2013.369c-.402-.214-62.171-33.032-80.97%2030.558c-14.035-3.262-18.743%2012.37-2.613%2023.052c.053-.214%202.81-11.218%209.43-14.506c0%200-14.343%2016.42%202.524%2036.08h60.54c1.463-2.485%207.936-15.568-8.074-25.471c11.302-.165%2020.503%2021.71%2030.4%2025.62h14.392c.488-1.214%201.509-4.853-.882-8.126c-3.687-4.337-11.752-3.75-11.683-11.77c2.788-37.335%2057.336-25.876%2055.602-70.808l-.795-.996c-3.67-4.434-19.542-22.22-38.868-23.375c-14.248-.863-17.711%201.087-18.333%202.543c-.887-7.556-7.18-42.513-50.604-49.923%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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