conan io logo

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

Name
conan-io
Set
SVG Logos
Style
Color
Viewbox
241×256
License
CC0

Use the conan io logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 241 256"><path fill="#afd4e5" d="M118.874 0L0 56.984l118.874 72.557l121.404-66.093z"/><path fill="#69c" d="M0 170.587L118.874 256V129.541L0 56.985z"/><path fill="#7da7d3" d="M118.874 129.541V256l121.404-79.019V63.449z"/><path fill="#369" d="m184.556 213.249l2.831-1.843l-2.4-117.857l-2.143 1.166z"/><path fill="#69c" d="m161.91 77.054l30.502-16.468s-45.97-50.157-100.11-21.033C66.83 53.255 59.24 67.026 70.516 81.73c18.662 24.338 41.17 21.606 41.17 21.606L141.04 89.05s-31.876 4.205-45.356-6.959c-11.057-9.159-6.414-20.817 8.845-31.44c13.388-9.321 40.036-5.565 49.479 1.564c9.442 7.127 13.11 17.095 7.903 24.839"/></svg>

React

import type { SVGProps } from "react";

export function LogosConanIo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 241 256"><path fill="#afd4e5" d="M118.874 0L0 56.984l118.874 72.557l121.404-66.093z"/><path fill="#69c" d="M0 170.587L118.874 256V129.541L0 56.985z"/><path fill="#7da7d3" d="M118.874 129.541V256l121.404-79.019V63.449z"/><path fill="#369" d="m184.556 213.249l2.831-1.843l-2.4-117.857l-2.143 1.166z"/><path fill="#69c" d="m161.91 77.054l30.502-16.468s-45.97-50.157-100.11-21.033C66.83 53.255 59.24 67.026 70.516 81.73c18.662 24.338 41.17 21.606 41.17 21.606L141.04 89.05s-31.876 4.205-45.356-6.959c-11.057-9.159-6.414-20.817 8.845-31.44c13.388-9.321 40.036-5.565 49.479 1.564c9.442 7.127 13.11 17.095 7.903 24.839"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 241 256"><path fill="#afd4e5" d="M118.874 0L0 56.984l118.874 72.557l121.404-66.093z"/><path fill="#69c" d="M0 170.587L118.874 256V129.541L0 56.985z"/><path fill="#7da7d3" d="M118.874 129.541V256l121.404-79.019V63.449z"/><path fill="#369" d="m184.556 213.249l2.831-1.843l-2.4-117.857l-2.143 1.166z"/><path fill="#69c" d="m161.91 77.054l30.502-16.468s-45.97-50.157-100.11-21.033C66.83 53.255 59.24 67.026 70.516 81.73c18.662 24.338 41.17 21.606 41.17 21.606L141.04 89.05s-31.876 4.205-45.356-6.959c-11.057-9.159-6.414-20.817 8.845-31.44c13.388-9.321 40.036-5.565 49.479 1.564c9.442 7.127 13.11 17.095 7.903 24.839"/></svg>
</template>

CSS

.icon-conan-io {
  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%20241%20256%22%3E%3Cpath%20fill%3D%22%23afd4e5%22%20d%3D%22M118.874%200L0%2056.984l118.874%2072.557l121.404-66.093z%22%2F%3E%3Cpath%20fill%3D%22%2369c%22%20d%3D%22M0%20170.587L118.874%20256V129.541L0%2056.985z%22%2F%3E%3Cpath%20fill%3D%22%237da7d3%22%20d%3D%22M118.874%20129.541V256l121.404-79.019V63.449z%22%2F%3E%3Cpath%20fill%3D%22%23369%22%20d%3D%22m184.556%20213.249l2.831-1.843l-2.4-117.857l-2.143%201.166z%22%2F%3E%3Cpath%20fill%3D%22%2369c%22%20d%3D%22m161.91%2077.054l30.502-16.468s-45.97-50.157-100.11-21.033C66.83%2053.255%2059.24%2067.026%2070.516%2081.73c18.662%2024.338%2041.17%2021.606%2041.17%2021.606L141.04%2089.05s-31.876%204.205-45.356-6.959c-11.057-9.159-6.414-20.817%208.845-31.44c13.388-9.321%2040.036-5.565%2049.479%201.564c9.442%207.127%2013.11%2017.095%207.903%2024.839%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%20241%20256%22%3E%3Cpath%20fill%3D%22%23afd4e5%22%20d%3D%22M118.874%200L0%2056.984l118.874%2072.557l121.404-66.093z%22%2F%3E%3Cpath%20fill%3D%22%2369c%22%20d%3D%22M0%20170.587L118.874%20256V129.541L0%2056.985z%22%2F%3E%3Cpath%20fill%3D%22%237da7d3%22%20d%3D%22M118.874%20129.541V256l121.404-79.019V63.449z%22%2F%3E%3Cpath%20fill%3D%22%23369%22%20d%3D%22m184.556%20213.249l2.831-1.843l-2.4-117.857l-2.143%201.166z%22%2F%3E%3Cpath%20fill%3D%22%2369c%22%20d%3D%22m161.91%2077.054l30.502-16.468s-45.97-50.157-100.11-21.033C66.83%2053.255%2059.24%2067.026%2070.516%2081.73c18.662%2024.338%2041.17%2021.606%2041.17%2021.606L141.04%2089.05s-31.876%204.205-45.356-6.959c-11.057-9.159-6.414-20.817%208.845-31.44c13.388-9.321%2040.036-5.565%2049.479%201.564c9.442%207.127%2013.11%2017.095%207.903%2024.839%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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