mandrill logo

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

Name
mandrill
Set
SVG Logos
Style
Color
Viewbox
256×227
License
CC0

Use the mandrill logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 227"><path d="M.832.452h254.849v225.642H.832V.452z" fill="#E6E6E1"/><path d="M255.68.452H.833L128.264 186.69L255.68.451" fill="#D8D8D3"/><path d="M101.3 226.094h53.926l-26.962-39.403l-26.965 39.403" fill="#B4B6B4"/><path d="M128.302 118.827L73.94 39.038v68.492l31.042 45.595l23.267-34.23l.053-.068" fill="#1A1918"/><path d="M128.302 118.827l23.412 34.371l30.844-45.097V39.038l-54.256 79.79" fill="#ED9D4A"/><path d="M128.25 118.895l-23.268 34.23l23.344 34.273l23.388-34.2l-23.412-34.37l-.053.067" fill="#BB7731"/><path d="M35.333 187.49H73.94v-79.96L35.333 50.86v136.63" fill="#4CB2D4"/><path d="M35.333 39.038v11.823L73.94 107.53V39.038H35.333" fill="#1B82AD"/><path d="M182.558 108.101v79.388h38.593V51.683L182.558 108.1" fill="#C02439"/><path d="M221.15 39.038h-38.592v69.063l38.593-56.418V39.038" fill="#8F202F"/></svg>

React

import type { SVGProps } from "react";

export function LogosMandrill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 227"><path d="M.832.452h254.849v225.642H.832V.452z" fill="#E6E6E1"/><path d="M255.68.452H.833L128.264 186.69L255.68.451" fill="#D8D8D3"/><path d="M101.3 226.094h53.926l-26.962-39.403l-26.965 39.403" fill="#B4B6B4"/><path d="M128.302 118.827L73.94 39.038v68.492l31.042 45.595l23.267-34.23l.053-.068" fill="#1A1918"/><path d="M128.302 118.827l23.412 34.371l30.844-45.097V39.038l-54.256 79.79" fill="#ED9D4A"/><path d="M128.25 118.895l-23.268 34.23l23.344 34.273l23.388-34.2l-23.412-34.37l-.053.067" fill="#BB7731"/><path d="M35.333 187.49H73.94v-79.96L35.333 50.86v136.63" fill="#4CB2D4"/><path d="M35.333 39.038v11.823L73.94 107.53V39.038H35.333" fill="#1B82AD"/><path d="M182.558 108.101v79.388h38.593V51.683L182.558 108.1" fill="#C02439"/><path d="M221.15 39.038h-38.592v69.063l38.593-56.418V39.038" fill="#8F202F"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 227"><path d="M.832.452h254.849v225.642H.832V.452z" fill="#E6E6E1"/><path d="M255.68.452H.833L128.264 186.69L255.68.451" fill="#D8D8D3"/><path d="M101.3 226.094h53.926l-26.962-39.403l-26.965 39.403" fill="#B4B6B4"/><path d="M128.302 118.827L73.94 39.038v68.492l31.042 45.595l23.267-34.23l.053-.068" fill="#1A1918"/><path d="M128.302 118.827l23.412 34.371l30.844-45.097V39.038l-54.256 79.79" fill="#ED9D4A"/><path d="M128.25 118.895l-23.268 34.23l23.344 34.273l23.388-34.2l-23.412-34.37l-.053.067" fill="#BB7731"/><path d="M35.333 187.49H73.94v-79.96L35.333 50.86v136.63" fill="#4CB2D4"/><path d="M35.333 39.038v11.823L73.94 107.53V39.038H35.333" fill="#1B82AD"/><path d="M182.558 108.101v79.388h38.593V51.683L182.558 108.1" fill="#C02439"/><path d="M221.15 39.038h-38.592v69.063l38.593-56.418V39.038" fill="#8F202F"/></svg>
</template>

CSS

.icon-mandrill {
  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%20227%22%3E%3Cpath%20d%3D%22M.832.452h254.849v225.642H.832V.452z%22%20fill%3D%22%23E6E6E1%22%2F%3E%3Cpath%20d%3D%22M255.68.452H.833L128.264%20186.69L255.68.451%22%20fill%3D%22%23D8D8D3%22%2F%3E%3Cpath%20d%3D%22M101.3%20226.094h53.926l-26.962-39.403l-26.965%2039.403%22%20fill%3D%22%23B4B6B4%22%2F%3E%3Cpath%20d%3D%22M128.302%20118.827L73.94%2039.038v68.492l31.042%2045.595l23.267-34.23l.053-.068%22%20fill%3D%22%231A1918%22%2F%3E%3Cpath%20d%3D%22M128.302%20118.827l23.412%2034.371l30.844-45.097V39.038l-54.256%2079.79%22%20fill%3D%22%23ED9D4A%22%2F%3E%3Cpath%20d%3D%22M128.25%20118.895l-23.268%2034.23l23.344%2034.273l23.388-34.2l-23.412-34.37l-.053.067%22%20fill%3D%22%23BB7731%22%2F%3E%3Cpath%20d%3D%22M35.333%20187.49H73.94v-79.96L35.333%2050.86v136.63%22%20fill%3D%22%234CB2D4%22%2F%3E%3Cpath%20d%3D%22M35.333%2039.038v11.823L73.94%20107.53V39.038H35.333%22%20fill%3D%22%231B82AD%22%2F%3E%3Cpath%20d%3D%22M182.558%20108.101v79.388h38.593V51.683L182.558%20108.1%22%20fill%3D%22%23C02439%22%2F%3E%3Cpath%20d%3D%22M221.15%2039.038h-38.592v69.063l38.593-56.418V39.038%22%20fill%3D%22%238F202F%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%20227%22%3E%3Cpath%20d%3D%22M.832.452h254.849v225.642H.832V.452z%22%20fill%3D%22%23E6E6E1%22%2F%3E%3Cpath%20d%3D%22M255.68.452H.833L128.264%20186.69L255.68.451%22%20fill%3D%22%23D8D8D3%22%2F%3E%3Cpath%20d%3D%22M101.3%20226.094h53.926l-26.962-39.403l-26.965%2039.403%22%20fill%3D%22%23B4B6B4%22%2F%3E%3Cpath%20d%3D%22M128.302%20118.827L73.94%2039.038v68.492l31.042%2045.595l23.267-34.23l.053-.068%22%20fill%3D%22%231A1918%22%2F%3E%3Cpath%20d%3D%22M128.302%20118.827l23.412%2034.371l30.844-45.097V39.038l-54.256%2079.79%22%20fill%3D%22%23ED9D4A%22%2F%3E%3Cpath%20d%3D%22M128.25%20118.895l-23.268%2034.23l23.344%2034.273l23.388-34.2l-23.412-34.37l-.053.067%22%20fill%3D%22%23BB7731%22%2F%3E%3Cpath%20d%3D%22M35.333%20187.49H73.94v-79.96L35.333%2050.86v136.63%22%20fill%3D%22%234CB2D4%22%2F%3E%3Cpath%20d%3D%22M35.333%2039.038v11.823L73.94%20107.53V39.038H35.333%22%20fill%3D%22%231B82AD%22%2F%3E%3Cpath%20d%3D%22M182.558%20108.101v79.388h38.593V51.683L182.558%20108.1%22%20fill%3D%22%23C02439%22%2F%3E%3Cpath%20d%3D%22M221.15%2039.038h-38.592v69.063l38.593-56.418V39.038%22%20fill%3D%22%238F202F%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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