convex logo

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

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

The same logo in other sets

Use the convex logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.57 17.76c-3.39.32-6.91-1.51-8.64-4.5c-.61 2.33-.18 4.89 1.1 6.9c.31.49.76.87 1.29 1.1c5.71 2.48 12.7-1.56 13.41-7.95c-1.51 2.58-4.25 4.13-7.16 4.46Z"/><path fill="currentColor" d="M5.82 11.39c1.43-3.15 4.75-5.33 8.15-5.37a8.47 8.47 0 0 0-6.42-2.48c-.57.03-1.12.24-1.58.59C1 7.92.95 16.1 6.03 19.92c-1.44-2.62-1.39-5.81-.22-8.53Z"/><path fill="currentColor" d="M8.26 2.78c2.95.05 5.64 1.68 7.36 4.08a9.57 9.57 0 0 1 .49 9.87c2.31-.62 4.28-2.3 5.35-4.46c.26-.52.35-1.11.28-1.68c-.77-6.21-7.78-10.4-13.48-7.81"/></svg>

React

import type { SVGProps } from "react";

export function BxlConvex(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="M14.57 17.76c-3.39.32-6.91-1.51-8.64-4.5c-.61 2.33-.18 4.89 1.1 6.9c.31.49.76.87 1.29 1.1c5.71 2.48 12.7-1.56 13.41-7.95c-1.51 2.58-4.25 4.13-7.16 4.46Z"/><path fill="currentColor" d="M5.82 11.39c1.43-3.15 4.75-5.33 8.15-5.37a8.47 8.47 0 0 0-6.42-2.48c-.57.03-1.12.24-1.58.59C1 7.92.95 16.1 6.03 19.92c-1.44-2.62-1.39-5.81-.22-8.53Z"/><path fill="currentColor" d="M8.26 2.78c2.95.05 5.64 1.68 7.36 4.08a9.57 9.57 0 0 1 .49 9.87c2.31-.62 4.28-2.3 5.35-4.46c.26-.52.35-1.11.28-1.68c-.77-6.21-7.78-10.4-13.48-7.81"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.57 17.76c-3.39.32-6.91-1.51-8.64-4.5c-.61 2.33-.18 4.89 1.1 6.9c.31.49.76.87 1.29 1.1c5.71 2.48 12.7-1.56 13.41-7.95c-1.51 2.58-4.25 4.13-7.16 4.46Z"/><path fill="currentColor" d="M5.82 11.39c1.43-3.15 4.75-5.33 8.15-5.37a8.47 8.47 0 0 0-6.42-2.48c-.57.03-1.12.24-1.58.59C1 7.92.95 16.1 6.03 19.92c-1.44-2.62-1.39-5.81-.22-8.53Z"/><path fill="currentColor" d="M8.26 2.78c2.95.05 5.64 1.68 7.36 4.08a9.57 9.57 0 0 1 .49 9.87c2.31-.62 4.28-2.3 5.35-4.46c.26-.52.35-1.11.28-1.68c-.77-6.21-7.78-10.4-13.48-7.81"/></svg>
</template>

CSS

.icon-convex {
  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%22M14.57%2017.76c-3.39.32-6.91-1.51-8.64-4.5c-.61%202.33-.18%204.89%201.1%206.9c.31.49.76.87%201.29%201.1c5.71%202.48%2012.7-1.56%2013.41-7.95c-1.51%202.58-4.25%204.13-7.16%204.46Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.82%2011.39c1.43-3.15%204.75-5.33%208.15-5.37a8.47%208.47%200%200%200-6.42-2.48c-.57.03-1.12.24-1.58.59C1%207.92.95%2016.1%206.03%2019.92c-1.44-2.62-1.39-5.81-.22-8.53Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.26%202.78c2.95.05%205.64%201.68%207.36%204.08a9.57%209.57%200%200%201%20.49%209.87c2.31-.62%204.28-2.3%205.35-4.46c.26-.52.35-1.11.28-1.68c-.77-6.21-7.78-10.4-13.48-7.81%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%22M14.57%2017.76c-3.39.32-6.91-1.51-8.64-4.5c-.61%202.33-.18%204.89%201.1%206.9c.31.49.76.87%201.29%201.1c5.71%202.48%2012.7-1.56%2013.41-7.95c-1.51%202.58-4.25%204.13-7.16%204.46Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.82%2011.39c1.43-3.15%204.75-5.33%208.15-5.37a8.47%208.47%200%200%200-6.42-2.48c-.57.03-1.12.24-1.58.59C1%207.92.95%2016.1%206.03%2019.92c-1.44-2.62-1.39-5.81-.22-8.53Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.26%202.78c2.95.05%205.64%201.68%207.36%204.08a9.57%209.57%200%200%201%20.49%209.87c2.31-.62%204.28-2.3%205.35-4.46c.26-.52.35-1.11.28-1.68c-.77-6.21-7.78-10.4-13.48-7.81%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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