claris logo

claris from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
claris
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the claris logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.56 0a3.3 3.3 0 0 0-.57.043L22.947 12L10.99 23.957c.132.022.307.043.57.043c6.626 0 12-5.375 12-12s-5.374-12-12-12m-1.535 2.414C4.738 2.414.44 6.713.44 12s4.3 9.588 9.586 9.588c.264 0 .44-.023.57-.045L1.054 12l9.543-9.543a3.3 3.3 0 0 0-.57-.043zm.746 2.457c-.263 0-.438.021-.57.043L17.287 12l-7.086 7.086c.132.022.307.045.57.045c3.927 0 7.13-3.204 7.13-7.131s-3.203-7.129-7.13-7.129m-.416 2.434A4.7 4.7 0 0 0 5.66 12a4.7 4.7 0 0 0 4.695 4.695c.264 0 .44-.023.57-.045L6.274 12l4.653-4.65a3.3 3.3 0 0 0-.57-.045Z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsClaris(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.56 0a3.3 3.3 0 0 0-.57.043L22.947 12L10.99 23.957c.132.022.307.043.57.043c6.626 0 12-5.375 12-12s-5.374-12-12-12m-1.535 2.414C4.738 2.414.44 6.713.44 12s4.3 9.588 9.586 9.588c.264 0 .44-.023.57-.045L1.054 12l9.543-9.543a3.3 3.3 0 0 0-.57-.043zm.746 2.457c-.263 0-.438.021-.57.043L17.287 12l-7.086 7.086c.132.022.307.045.57.045c3.927 0 7.13-3.204 7.13-7.131s-3.203-7.129-7.13-7.129m-.416 2.434A4.7 4.7 0 0 0 5.66 12a4.7 4.7 0 0 0 4.695 4.695c.264 0 .44-.023.57-.045L6.274 12l4.653-4.65a3.3 3.3 0 0 0-.57-.045Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.56 0a3.3 3.3 0 0 0-.57.043L22.947 12L10.99 23.957c.132.022.307.043.57.043c6.626 0 12-5.375 12-12s-5.374-12-12-12m-1.535 2.414C4.738 2.414.44 6.713.44 12s4.3 9.588 9.586 9.588c.264 0 .44-.023.57-.045L1.054 12l9.543-9.543a3.3 3.3 0 0 0-.57-.043zm.746 2.457c-.263 0-.438.021-.57.043L17.287 12l-7.086 7.086c.132.022.307.045.57.045c3.927 0 7.13-3.204 7.13-7.131s-3.203-7.129-7.13-7.129m-.416 2.434A4.7 4.7 0 0 0 5.66 12a4.7 4.7 0 0 0 4.695 4.695c.264 0 .44-.023.57-.045L6.274 12l4.653-4.65a3.3 3.3 0 0 0-.57-.045Z"/></svg>
</template>

CSS

.icon-claris {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.56%200a3.3%203.3%200%200%200-.57.043L22.947%2012L10.99%2023.957c.132.022.307.043.57.043c6.626%200%2012-5.375%2012-12s-5.374-12-12-12m-1.535%202.414C4.738%202.414.44%206.713.44%2012s4.3%209.588%209.586%209.588c.264%200%20.44-.023.57-.045L1.054%2012l9.543-9.543a3.3%203.3%200%200%200-.57-.043zm.746%202.457c-.263%200-.438.021-.57.043L17.287%2012l-7.086%207.086c.132.022.307.045.57.045c3.927%200%207.13-3.204%207.13-7.131s-3.203-7.129-7.13-7.129m-.416%202.434A4.7%204.7%200%200%200%205.66%2012a4.7%204.7%200%200%200%204.695%204.695c.264%200%20.44-.023.57-.045L6.274%2012l4.653-4.65a3.3%203.3%200%200%200-.57-.045Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.56%200a3.3%203.3%200%200%200-.57.043L22.947%2012L10.99%2023.957c.132.022.307.043.57.043c6.626%200%2012-5.375%2012-12s-5.374-12-12-12m-1.535%202.414C4.738%202.414.44%206.713.44%2012s4.3%209.588%209.586%209.588c.264%200%20.44-.023.57-.045L1.054%2012l9.543-9.543a3.3%203.3%200%200%200-.57-.043zm.746%202.457c-.263%200-.438.021-.57.043L17.287%2012l-7.086%207.086c.132.022.307.045.57.045c3.927%200%207.13-3.204%207.13-7.131s-3.203-7.129-7.13-7.129m-.416%202.434A4.7%204.7%200%200%200%205.66%2012a4.7%204.7%200%200%200%204.695%204.695c.264%200%20.44-.023.57-.045L6.274%2012l4.653-4.65a3.3%203.3%200%200%200-.57-.045Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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