craco logo

craco from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
craco
Set
Material Icon Theme
Style
Color
Viewbox
32×32
License
MIT

Use the craco logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#00bfa5" d="M16 8a8 8 0 1 1-8 8a8.01 8.01 0 0 1 8-8m0-4a12 12 0 1 0 12 12A12 12 0 0 0 16 4"/><path fill="#00bfa5" d="m11.315 19.758l-.755-.754l1.5-1.502L13.557 16l-1.499-1.502l-1.499-1.502l.754-.755l.755-.754l2.304 2.226c1.267 1.225 2.303 2.254 2.303 2.287s-1.036 1.062-2.303 2.286l-2.304 2.227Zm5.323 0l-.754-.754l1.499-1.502L18.882 16l-1.5-1.502l-1.498-1.502l.754-.755l.755-.754l2.303 2.226C20.963 14.938 22 15.967 22 16s-1.037 1.062-2.304 2.286l-2.303 2.227ZM14 26h4v4h-4zm16-12v4h-4v-4zm-2.686 10.486l-2.828 2.828l-2.9-2.9l2.829-2.828zm-16.9-16.901l-2.829 2.829l-2.9-2.9l2.829-2.828zM7.586 21.586l2.828 2.828l-2.9 2.9l-2.828-2.829zm16.899-16.9l2.829 2.829l-2.9 2.9l-2.828-2.829zM6 14v4H2v-4zm8-12h4v4h-4z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeCraco(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#00bfa5" d="M16 8a8 8 0 1 1-8 8a8.01 8.01 0 0 1 8-8m0-4a12 12 0 1 0 12 12A12 12 0 0 0 16 4"/><path fill="#00bfa5" d="m11.315 19.758l-.755-.754l1.5-1.502L13.557 16l-1.499-1.502l-1.499-1.502l.754-.755l.755-.754l2.304 2.226c1.267 1.225 2.303 2.254 2.303 2.287s-1.036 1.062-2.303 2.286l-2.304 2.227Zm5.323 0l-.754-.754l1.499-1.502L18.882 16l-1.5-1.502l-1.498-1.502l.754-.755l.755-.754l2.303 2.226C20.963 14.938 22 15.967 22 16s-1.037 1.062-2.304 2.286l-2.303 2.227ZM14 26h4v4h-4zm16-12v4h-4v-4zm-2.686 10.486l-2.828 2.828l-2.9-2.9l2.829-2.828zm-16.9-16.901l-2.829 2.829l-2.9-2.9l2.829-2.828zM7.586 21.586l2.828 2.828l-2.9 2.9l-2.828-2.829zm16.899-16.9l2.829 2.829l-2.9 2.9l-2.828-2.829zM6 14v4H2v-4zm8-12h4v4h-4z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#00bfa5" d="M16 8a8 8 0 1 1-8 8a8.01 8.01 0 0 1 8-8m0-4a12 12 0 1 0 12 12A12 12 0 0 0 16 4"/><path fill="#00bfa5" d="m11.315 19.758l-.755-.754l1.5-1.502L13.557 16l-1.499-1.502l-1.499-1.502l.754-.755l.755-.754l2.304 2.226c1.267 1.225 2.303 2.254 2.303 2.287s-1.036 1.062-2.303 2.286l-2.304 2.227Zm5.323 0l-.754-.754l1.499-1.502L18.882 16l-1.5-1.502l-1.498-1.502l.754-.755l.755-.754l2.303 2.226C20.963 14.938 22 15.967 22 16s-1.037 1.062-2.304 2.286l-2.303 2.227ZM14 26h4v4h-4zm16-12v4h-4v-4zm-2.686 10.486l-2.828 2.828l-2.9-2.9l2.829-2.828zm-16.9-16.901l-2.829 2.829l-2.9-2.9l2.829-2.828zM7.586 21.586l2.828 2.828l-2.9 2.9l-2.828-2.829zm16.899-16.9l2.829 2.829l-2.9 2.9l-2.828-2.829zM6 14v4H2v-4zm8-12h4v4h-4z"/></svg>
</template>

CSS

.icon-craco {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22%2300bfa5%22%20d%3D%22M16%208a8%208%200%201%201-8%208a8.01%208.01%200%200%201%208-8m0-4a12%2012%200%201%200%2012%2012A12%2012%200%200%200%2016%204%22%2F%3E%3Cpath%20fill%3D%22%2300bfa5%22%20d%3D%22m11.315%2019.758l-.755-.754l1.5-1.502L13.557%2016l-1.499-1.502l-1.499-1.502l.754-.755l.755-.754l2.304%202.226c1.267%201.225%202.303%202.254%202.303%202.287s-1.036%201.062-2.303%202.286l-2.304%202.227Zm5.323%200l-.754-.754l1.499-1.502L18.882%2016l-1.5-1.502l-1.498-1.502l.754-.755l.755-.754l2.303%202.226C20.963%2014.938%2022%2015.967%2022%2016s-1.037%201.062-2.304%202.286l-2.303%202.227ZM14%2026h4v4h-4zm16-12v4h-4v-4zm-2.686%2010.486l-2.828%202.828l-2.9-2.9l2.829-2.828zm-16.9-16.901l-2.829%202.829l-2.9-2.9l2.829-2.828zM7.586%2021.586l2.828%202.828l-2.9%202.9l-2.828-2.829zm16.899-16.9l2.829%202.829l-2.9%202.9l-2.828-2.829zM6%2014v4H2v-4zm8-12h4v4h-4z%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%2032%2032%22%3E%3Cpath%20fill%3D%22%2300bfa5%22%20d%3D%22M16%208a8%208%200%201%201-8%208a8.01%208.01%200%200%201%208-8m0-4a12%2012%200%201%200%2012%2012A12%2012%200%200%200%2016%204%22%2F%3E%3Cpath%20fill%3D%22%2300bfa5%22%20d%3D%22m11.315%2019.758l-.755-.754l1.5-1.502L13.557%2016l-1.499-1.502l-1.499-1.502l.754-.755l.755-.754l2.304%202.226c1.267%201.225%202.303%202.254%202.303%202.287s-1.036%201.062-2.303%202.286l-2.304%202.227Zm5.323%200l-.754-.754l1.499-1.502L18.882%2016l-1.5-1.502l-1.498-1.502l.754-.755l.755-.754l2.303%202.226C20.963%2014.938%2022%2015.967%2022%2016s-1.037%201.062-2.304%202.286l-2.303%202.227ZM14%2026h4v4h-4zm16-12v4h-4v-4zm-2.686%2010.486l-2.828%202.828l-2.9-2.9l2.829-2.828zm-16.9-16.901l-2.829%202.829l-2.9-2.9l2.829-2.828zM7.586%2021.586l2.828%202.828l-2.9%202.9l-2.828-2.829zm16.899-16.9l2.829%202.829l-2.9%202.9l-2.828-2.829zM6%2014v4H2v-4zm8-12h4v4h-4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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