polar logo

polar from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.

Name: polar
Set: Boxicons Brands
Style: Logo
Viewbox: 24×24
License: MIT

Use the polar logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.61 3.72C13.03.62 6.82 1.82 3.72 6.39S1.82 17.18 6.4 20.28c4.57 3.1 10.79 1.9 13.89-2.68c3.1-4.57 1.9-10.79-2.68-13.89Zm.18 9.51c-.6 2.79-1.94 5.12-3.56 6.51c1.15-1.71 2.03-4.31 2.35-7.28c.41-3.88-.26-7.35-1.58-9.13c2.5 1.37 3.74 5.48 2.79 9.9M4.43 8.12c1.27-2.48 3.38-4.2 5.72-4.94c-2.13 1.23-4 3.57-4.98 6.57c-1.14 3.51-.76 7.03.75 9.33c-2.75-2.61-3.47-7.09-1.49-10.96m1.79 2.64C6.81 8 8.13 5.69 9.73 4.3c-1.12 1.71-1.98 4.27-2.29 7.19c-.42 3.93.28 7.44 1.64 9.2c-2.54-1.34-3.8-5.48-2.85-9.93Zm5.91 9.45c-1.83.03-3.37-3.63-3.44-8.16c-.07-4.54 1.35-8.24 3.18-8.27s3.37 3.63 3.44 8.16c.07 4.54-1.35 8.24-3.18 8.27m7.45-4.34c-1.3 2.54-3.49 4.29-5.9 5c2.21-1.2 4.16-3.59 5.16-6.67c1.13-3.46.77-6.92-.68-9.22c2.7 2.62 3.39 7.05 1.42 10.89"/></svg>

React

import type { SVGProps } from "react";

export function BxlPolar(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="M17.61 3.72C13.03.62 6.82 1.82 3.72 6.39S1.82 17.18 6.4 20.28c4.57 3.1 10.79 1.9 13.89-2.68c3.1-4.57 1.9-10.79-2.68-13.89Zm.18 9.51c-.6 2.79-1.94 5.12-3.56 6.51c1.15-1.71 2.03-4.31 2.35-7.28c.41-3.88-.26-7.35-1.58-9.13c2.5 1.37 3.74 5.48 2.79 9.9M4.43 8.12c1.27-2.48 3.38-4.2 5.72-4.94c-2.13 1.23-4 3.57-4.98 6.57c-1.14 3.51-.76 7.03.75 9.33c-2.75-2.61-3.47-7.09-1.49-10.96m1.79 2.64C6.81 8 8.13 5.69 9.73 4.3c-1.12 1.71-1.98 4.27-2.29 7.19c-.42 3.93.28 7.44 1.64 9.2c-2.54-1.34-3.8-5.48-2.85-9.93Zm5.91 9.45c-1.83.03-3.37-3.63-3.44-8.16c-.07-4.54 1.35-8.24 3.18-8.27s3.37 3.63 3.44 8.16c.07 4.54-1.35 8.24-3.18 8.27m7.45-4.34c-1.3 2.54-3.49 4.29-5.9 5c2.21-1.2 4.16-3.59 5.16-6.67c1.13-3.46.77-6.92-.68-9.22c2.7 2.62 3.39 7.05 1.42 10.89"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.61 3.72C13.03.62 6.82 1.82 3.72 6.39S1.82 17.18 6.4 20.28c4.57 3.1 10.79 1.9 13.89-2.68c3.1-4.57 1.9-10.79-2.68-13.89Zm.18 9.51c-.6 2.79-1.94 5.12-3.56 6.51c1.15-1.71 2.03-4.31 2.35-7.28c.41-3.88-.26-7.35-1.58-9.13c2.5 1.37 3.74 5.48 2.79 9.9M4.43 8.12c1.27-2.48 3.38-4.2 5.72-4.94c-2.13 1.23-4 3.57-4.98 6.57c-1.14 3.51-.76 7.03.75 9.33c-2.75-2.61-3.47-7.09-1.49-10.96m1.79 2.64C6.81 8 8.13 5.69 9.73 4.3c-1.12 1.71-1.98 4.27-2.29 7.19c-.42 3.93.28 7.44 1.64 9.2c-2.54-1.34-3.8-5.48-2.85-9.93Zm5.91 9.45c-1.83.03-3.37-3.63-3.44-8.16c-.07-4.54 1.35-8.24 3.18-8.27s3.37 3.63 3.44 8.16c.07 4.54-1.35 8.24-3.18 8.27m7.45-4.34c-1.3 2.54-3.49 4.29-5.9 5c2.21-1.2 4.16-3.59 5.16-6.67c1.13-3.46.77-6.92-.68-9.22c2.7 2.62 3.39 7.05 1.42 10.89"/></svg>
</template>

CSS

.icon-polar {
  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%22M17.61%203.72C13.03.62%206.82%201.82%203.72%206.39S1.82%2017.18%206.4%2020.28c4.57%203.1%2010.79%201.9%2013.89-2.68c3.1-4.57%201.9-10.79-2.68-13.89Zm.18%209.51c-.6%202.79-1.94%205.12-3.56%206.51c1.15-1.71%202.03-4.31%202.35-7.28c.41-3.88-.26-7.35-1.58-9.13c2.5%201.37%203.74%205.48%202.79%209.9M4.43%208.12c1.27-2.48%203.38-4.2%205.72-4.94c-2.13%201.23-4%203.57-4.98%206.57c-1.14%203.51-.76%207.03.75%209.33c-2.75-2.61-3.47-7.09-1.49-10.96m1.79%202.64C6.81%208%208.13%205.69%209.73%204.3c-1.12%201.71-1.98%204.27-2.29%207.19c-.42%203.93.28%207.44%201.64%209.2c-2.54-1.34-3.8-5.48-2.85-9.93Zm5.91%209.45c-1.83.03-3.37-3.63-3.44-8.16c-.07-4.54%201.35-8.24%203.18-8.27s3.37%203.63%203.44%208.16c.07%204.54-1.35%208.24-3.18%208.27m7.45-4.34c-1.3%202.54-3.49%204.29-5.9%205c2.21-1.2%204.16-3.59%205.16-6.67c1.13-3.46.77-6.92-.68-9.22c2.7%202.62%203.39%207.05%201.42%2010.89%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%22M17.61%203.72C13.03.62%206.82%201.82%203.72%206.39S1.82%2017.18%206.4%2020.28c4.57%203.1%2010.79%201.9%2013.89-2.68c3.1-4.57%201.9-10.79-2.68-13.89Zm.18%209.51c-.6%202.79-1.94%205.12-3.56%206.51c1.15-1.71%202.03-4.31%202.35-7.28c.41-3.88-.26-7.35-1.58-9.13c2.5%201.37%203.74%205.48%202.79%209.9M4.43%208.12c1.27-2.48%203.38-4.2%205.72-4.94c-2.13%201.23-4%203.57-4.98%206.57c-1.14%203.51-.76%207.03.75%209.33c-2.75-2.61-3.47-7.09-1.49-10.96m1.79%202.64C6.81%208%208.13%205.69%209.73%204.3c-1.12%201.71-1.98%204.27-2.29%207.19c-.42%203.93.28%207.44%201.64%209.2c-2.54-1.34-3.8-5.48-2.85-9.93Zm5.91%209.45c-1.83.03-3.37-3.63-3.44-8.16c-.07-4.54%201.35-8.24%203.18-8.27s3.37%203.63%203.44%208.16c.07%204.54-1.35%208.24-3.18%208.27m7.45-4.34c-1.3%202.54-3.49%204.29-5.9%205c2.21-1.2%204.16-3.59%205.16-6.67c1.13-3.46.77-6.92-.68-9.22c2.7%202.62%203.39%207.05%201.42%2010.89%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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