carbide logo

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

Name
carbide
Set
SVG Logos
Style
Color
Viewbox
256×313
License
CC0

Use the carbide logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 313"><path fill="#4b608e" d="m246.242 88.034l-67.755 45.68c-14.259-20.006-44.57-22.517-62.096-5.196c-16.55 16.354-14.891 43.847 3.427 58.263c20 15.739 50.843 8.898 61.927-13.679L256 207.606c-12.952 30.076-40.486 64.97-101.181 67.61l3.017 37.056c-50.904-7.363-97.472-39.922-113.774-88.52l-31.504 21.014C2.89 221.06-.6 194.965 3.376 169.7c3.844-24.43 14.655-46.338 31.09-65.035L0 88.651c16.182-18.902 35.398-34.42 58.888-43.999c24.073-9.818 51.158-12.933 76.76-7.597L132.632 0c50.66 7.33 97.24 39.675 113.61 88.034"/></svg>

React

import type { SVGProps } from "react";

export function LogosCarbide(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 313"><path fill="#4b608e" d="m246.242 88.034l-67.755 45.68c-14.259-20.006-44.57-22.517-62.096-5.196c-16.55 16.354-14.891 43.847 3.427 58.263c20 15.739 50.843 8.898 61.927-13.679L256 207.606c-12.952 30.076-40.486 64.97-101.181 67.61l3.017 37.056c-50.904-7.363-97.472-39.922-113.774-88.52l-31.504 21.014C2.89 221.06-.6 194.965 3.376 169.7c3.844-24.43 14.655-46.338 31.09-65.035L0 88.651c16.182-18.902 35.398-34.42 58.888-43.999c24.073-9.818 51.158-12.933 76.76-7.597L132.632 0c50.66 7.33 97.24 39.675 113.61 88.034"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 313"><path fill="#4b608e" d="m246.242 88.034l-67.755 45.68c-14.259-20.006-44.57-22.517-62.096-5.196c-16.55 16.354-14.891 43.847 3.427 58.263c20 15.739 50.843 8.898 61.927-13.679L256 207.606c-12.952 30.076-40.486 64.97-101.181 67.61l3.017 37.056c-50.904-7.363-97.472-39.922-113.774-88.52l-31.504 21.014C2.89 221.06-.6 194.965 3.376 169.7c3.844-24.43 14.655-46.338 31.09-65.035L0 88.651c16.182-18.902 35.398-34.42 58.888-43.999c24.073-9.818 51.158-12.933 76.76-7.597L132.632 0c50.66 7.33 97.24 39.675 113.61 88.034"/></svg>
</template>

CSS

.icon-carbide {
  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%20313%22%3E%3Cpath%20fill%3D%22%234b608e%22%20d%3D%22m246.242%2088.034l-67.755%2045.68c-14.259-20.006-44.57-22.517-62.096-5.196c-16.55%2016.354-14.891%2043.847%203.427%2058.263c20%2015.739%2050.843%208.898%2061.927-13.679L256%20207.606c-12.952%2030.076-40.486%2064.97-101.181%2067.61l3.017%2037.056c-50.904-7.363-97.472-39.922-113.774-88.52l-31.504%2021.014C2.89%20221.06-.6%20194.965%203.376%20169.7c3.844-24.43%2014.655-46.338%2031.09-65.035L0%2088.651c16.182-18.902%2035.398-34.42%2058.888-43.999c24.073-9.818%2051.158-12.933%2076.76-7.597L132.632%200c50.66%207.33%2097.24%2039.675%20113.61%2088.034%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%20313%22%3E%3Cpath%20fill%3D%22%234b608e%22%20d%3D%22m246.242%2088.034l-67.755%2045.68c-14.259-20.006-44.57-22.517-62.096-5.196c-16.55%2016.354-14.891%2043.847%203.427%2058.263c20%2015.739%2050.843%208.898%2061.927-13.679L256%20207.606c-12.952%2030.076-40.486%2064.97-101.181%2067.61l3.017%2037.056c-50.904-7.363-97.472-39.922-113.774-88.52l-31.504%2021.014C2.89%20221.06-.6%20194.965%203.376%20169.7c3.844-24.43%2014.655-46.338%2031.09-65.035L0%2088.651c16.182-18.902%2035.398-34.42%2058.888-43.999c24.073-9.818%2051.158-12.933%2076.76-7.597L132.632%200c50.66%207.33%2097.24%2039.675%20113.61%2088.034%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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