taiga logo

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

Name
taiga
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the taiga logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#a295ae" d="m224.288 43.916l-11.963 84.2l-84.2-11.963l11.963-84.2z" opacity=".8"/><path fill="#5d6f6d" d="m31.885 212.291l11.963-84.2l84.2 11.963l-11.963 84.2z" opacity=".8"/><path fill="#8cd592" d="m43.848 32.065l84.2 11.962l-11.963 84.2l-84.2-11.963z" opacity=".8"/><path fill="#665e74" d="m212.226 224.264l-84.2-11.963l11.963-84.2l84.2 11.963z" opacity=".8"/><path fill="#3c3647" d="m119.642 255.595l-51.08-67.997l67.998-51.08l51.08 67.998z" opacity=".8"/><path fill="#837193" d="m255.463 136.39l-67.997 51.079l-51.08-67.997l67.998-51.08z" opacity=".8"/><path fill="#a2f4ac" d="m136.437.554l51.079 67.997l-67.997 51.08l-51.08-67.998z" opacity=".8"/><path fill="#7ea685" d="m.463 119.7l67.998-51.08l51.079 67.998l-67.997 51.08z" opacity=".8"/><path fill="#3c3647" d="m127.963 95.742l32.332 32.333l-32.332 32.332l-32.332-32.332z"/></svg>

React

import type { SVGProps } from "react";

export function LogosTaiga(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#a295ae" d="m224.288 43.916l-11.963 84.2l-84.2-11.963l11.963-84.2z" opacity=".8"/><path fill="#5d6f6d" d="m31.885 212.291l11.963-84.2l84.2 11.963l-11.963 84.2z" opacity=".8"/><path fill="#8cd592" d="m43.848 32.065l84.2 11.962l-11.963 84.2l-84.2-11.963z" opacity=".8"/><path fill="#665e74" d="m212.226 224.264l-84.2-11.963l11.963-84.2l84.2 11.963z" opacity=".8"/><path fill="#3c3647" d="m119.642 255.595l-51.08-67.997l67.998-51.08l51.08 67.998z" opacity=".8"/><path fill="#837193" d="m255.463 136.39l-67.997 51.079l-51.08-67.997l67.998-51.08z" opacity=".8"/><path fill="#a2f4ac" d="m136.437.554l51.079 67.997l-67.997 51.08l-51.08-67.998z" opacity=".8"/><path fill="#7ea685" d="m.463 119.7l67.998-51.08l51.079 67.998l-67.997 51.08z" opacity=".8"/><path fill="#3c3647" d="m127.963 95.742l32.332 32.333l-32.332 32.332l-32.332-32.332z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#a295ae" d="m224.288 43.916l-11.963 84.2l-84.2-11.963l11.963-84.2z" opacity=".8"/><path fill="#5d6f6d" d="m31.885 212.291l11.963-84.2l84.2 11.963l-11.963 84.2z" opacity=".8"/><path fill="#8cd592" d="m43.848 32.065l84.2 11.962l-11.963 84.2l-84.2-11.963z" opacity=".8"/><path fill="#665e74" d="m212.226 224.264l-84.2-11.963l11.963-84.2l84.2 11.963z" opacity=".8"/><path fill="#3c3647" d="m119.642 255.595l-51.08-67.997l67.998-51.08l51.08 67.998z" opacity=".8"/><path fill="#837193" d="m255.463 136.39l-67.997 51.079l-51.08-67.997l67.998-51.08z" opacity=".8"/><path fill="#a2f4ac" d="m136.437.554l51.079 67.997l-67.997 51.08l-51.08-67.998z" opacity=".8"/><path fill="#7ea685" d="m.463 119.7l67.998-51.08l51.079 67.998l-67.997 51.08z" opacity=".8"/><path fill="#3c3647" d="m127.963 95.742l32.332 32.333l-32.332 32.332l-32.332-32.332z"/></svg>
</template>

CSS

.icon-taiga {
  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%20256%22%3E%3Cpath%20fill%3D%22%23a295ae%22%20d%3D%22m224.288%2043.916l-11.963%2084.2l-84.2-11.963l11.963-84.2z%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20fill%3D%22%235d6f6d%22%20d%3D%22m31.885%20212.291l11.963-84.2l84.2%2011.963l-11.963%2084.2z%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20fill%3D%22%238cd592%22%20d%3D%22m43.848%2032.065l84.2%2011.962l-11.963%2084.2l-84.2-11.963z%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20fill%3D%22%23665e74%22%20d%3D%22m212.226%20224.264l-84.2-11.963l11.963-84.2l84.2%2011.963z%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20fill%3D%22%233c3647%22%20d%3D%22m119.642%20255.595l-51.08-67.997l67.998-51.08l51.08%2067.998z%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20fill%3D%22%23837193%22%20d%3D%22m255.463%20136.39l-67.997%2051.079l-51.08-67.997l67.998-51.08z%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20fill%3D%22%23a2f4ac%22%20d%3D%22m136.437.554l51.079%2067.997l-67.997%2051.08l-51.08-67.998z%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20fill%3D%22%237ea685%22%20d%3D%22m.463%20119.7l67.998-51.08l51.079%2067.998l-67.997%2051.08z%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20fill%3D%22%233c3647%22%20d%3D%22m127.963%2095.742l32.332%2032.333l-32.332%2032.332l-32.332-32.332z%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%20256%22%3E%3Cpath%20fill%3D%22%23a295ae%22%20d%3D%22m224.288%2043.916l-11.963%2084.2l-84.2-11.963l11.963-84.2z%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20fill%3D%22%235d6f6d%22%20d%3D%22m31.885%20212.291l11.963-84.2l84.2%2011.963l-11.963%2084.2z%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20fill%3D%22%238cd592%22%20d%3D%22m43.848%2032.065l84.2%2011.962l-11.963%2084.2l-84.2-11.963z%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20fill%3D%22%23665e74%22%20d%3D%22m212.226%20224.264l-84.2-11.963l11.963-84.2l84.2%2011.963z%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20fill%3D%22%233c3647%22%20d%3D%22m119.642%20255.595l-51.08-67.997l67.998-51.08l51.08%2067.998z%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20fill%3D%22%23837193%22%20d%3D%22m255.463%20136.39l-67.997%2051.079l-51.08-67.997l67.998-51.08z%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20fill%3D%22%23a2f4ac%22%20d%3D%22m136.437.554l51.079%2067.997l-67.997%2051.08l-51.08-67.998z%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20fill%3D%22%237ea685%22%20d%3D%22m.463%20119.7l67.998-51.08l51.079%2067.998l-67.997%2051.08z%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20fill%3D%22%233c3647%22%20d%3D%22m127.963%2095.742l32.332%2032.333l-32.332%2032.332l-32.332-32.332z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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