altair logo

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

Name
altair
Set
SVG Logos
Style
Color
Viewbox
256×288
License
CC0

Use the altair logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 288"><path fill="#33363b" d="M128.042 254.793L31.85 199.255V88.324l96.112-55.492l96.189 55.536v110.935zM236.344 81.329L127.962 18.752L19.656 81.284v125.01l108.386 62.578l108.302-62.53z"/><path fill="#7ebc59" d="M47.862 97.546c-7.05 12.267-22.77 16.454-35.037 9.402c-12.267-7.05-16.454-22.77-9.402-35.037c7.051-12.267 22.771-16.453 35.037-9.402c12.267 7.125 16.454 22.77 9.402 35.037m160.276 0c-7.052-12.267-2.865-27.912 9.401-35.037c12.268-7.05 27.913-2.865 35.038 9.402c7.051 12.267 2.865 27.912-9.402 35.037c-12.266 7.052-27.986 2.865-35.037-9.402M128 287.645c-14.176 0-25.635-11.46-25.635-25.636c0-14.178 11.459-25.636 25.635-25.636s25.635 11.459 25.635 25.636c0 14.103-11.458 25.635-25.635 25.635"/><path fill="#368cbf" d="M120.863 50.26a25.7 25.7 0 0 0 14.296-.006l77.422 134.094a25.5 25.5 0 0 0-4.517 5.75a25.7 25.7 0 0 0-2.694 6.758H50.633a25.7 25.7 0 0 0-2.697-6.758a25.8 25.8 0 0 0-4.51-5.718zm122.239 130.437c-6.285-3.614-13.473-4.27-19.94-2.408l-77.44-134.126a25.55 25.55 0 0 0 7.913-18.527C153.635 11.459 142.177 0 128 0c-14.176 0-25.635 11.458-25.635 25.635a25.55 25.55 0 0 0 7.93 18.542l-77.44 134.125c-6.47-1.88-13.657-1.228-19.956 2.394c-12.267 7.125-16.453 22.77-9.402 35.037s22.697 16.453 35.037 9.4A25.66 25.66 0 0 0 50.6 209.05h154.794c1.61 6.554 5.772 12.464 12.073 16.086c12.266 7.052 27.986 2.865 35.037-9.401c7.125-12.267 2.938-27.912-9.402-35.037"/></svg>

React

import type { SVGProps } from "react";

export function LogosAltair(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 288"><path fill="#33363b" d="M128.042 254.793L31.85 199.255V88.324l96.112-55.492l96.189 55.536v110.935zM236.344 81.329L127.962 18.752L19.656 81.284v125.01l108.386 62.578l108.302-62.53z"/><path fill="#7ebc59" d="M47.862 97.546c-7.05 12.267-22.77 16.454-35.037 9.402c-12.267-7.05-16.454-22.77-9.402-35.037c7.051-12.267 22.771-16.453 35.037-9.402c12.267 7.125 16.454 22.77 9.402 35.037m160.276 0c-7.052-12.267-2.865-27.912 9.401-35.037c12.268-7.05 27.913-2.865 35.038 9.402c7.051 12.267 2.865 27.912-9.402 35.037c-12.266 7.052-27.986 2.865-35.037-9.402M128 287.645c-14.176 0-25.635-11.46-25.635-25.636c0-14.178 11.459-25.636 25.635-25.636s25.635 11.459 25.635 25.636c0 14.103-11.458 25.635-25.635 25.635"/><path fill="#368cbf" d="M120.863 50.26a25.7 25.7 0 0 0 14.296-.006l77.422 134.094a25.5 25.5 0 0 0-4.517 5.75a25.7 25.7 0 0 0-2.694 6.758H50.633a25.7 25.7 0 0 0-2.697-6.758a25.8 25.8 0 0 0-4.51-5.718zm122.239 130.437c-6.285-3.614-13.473-4.27-19.94-2.408l-77.44-134.126a25.55 25.55 0 0 0 7.913-18.527C153.635 11.459 142.177 0 128 0c-14.176 0-25.635 11.458-25.635 25.635a25.55 25.55 0 0 0 7.93 18.542l-77.44 134.125c-6.47-1.88-13.657-1.228-19.956 2.394c-12.267 7.125-16.453 22.77-9.402 35.037s22.697 16.453 35.037 9.4A25.66 25.66 0 0 0 50.6 209.05h154.794c1.61 6.554 5.772 12.464 12.073 16.086c12.266 7.052 27.986 2.865 35.037-9.401c7.125-12.267 2.938-27.912-9.402-35.037"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 288"><path fill="#33363b" d="M128.042 254.793L31.85 199.255V88.324l96.112-55.492l96.189 55.536v110.935zM236.344 81.329L127.962 18.752L19.656 81.284v125.01l108.386 62.578l108.302-62.53z"/><path fill="#7ebc59" d="M47.862 97.546c-7.05 12.267-22.77 16.454-35.037 9.402c-12.267-7.05-16.454-22.77-9.402-35.037c7.051-12.267 22.771-16.453 35.037-9.402c12.267 7.125 16.454 22.77 9.402 35.037m160.276 0c-7.052-12.267-2.865-27.912 9.401-35.037c12.268-7.05 27.913-2.865 35.038 9.402c7.051 12.267 2.865 27.912-9.402 35.037c-12.266 7.052-27.986 2.865-35.037-9.402M128 287.645c-14.176 0-25.635-11.46-25.635-25.636c0-14.178 11.459-25.636 25.635-25.636s25.635 11.459 25.635 25.636c0 14.103-11.458 25.635-25.635 25.635"/><path fill="#368cbf" d="M120.863 50.26a25.7 25.7 0 0 0 14.296-.006l77.422 134.094a25.5 25.5 0 0 0-4.517 5.75a25.7 25.7 0 0 0-2.694 6.758H50.633a25.7 25.7 0 0 0-2.697-6.758a25.8 25.8 0 0 0-4.51-5.718zm122.239 130.437c-6.285-3.614-13.473-4.27-19.94-2.408l-77.44-134.126a25.55 25.55 0 0 0 7.913-18.527C153.635 11.459 142.177 0 128 0c-14.176 0-25.635 11.458-25.635 25.635a25.55 25.55 0 0 0 7.93 18.542l-77.44 134.125c-6.47-1.88-13.657-1.228-19.956 2.394c-12.267 7.125-16.453 22.77-9.402 35.037s22.697 16.453 35.037 9.4A25.66 25.66 0 0 0 50.6 209.05h154.794c1.61 6.554 5.772 12.464 12.073 16.086c12.266 7.052 27.986 2.865 35.037-9.401c7.125-12.267 2.938-27.912-9.402-35.037"/></svg>
</template>

CSS

.icon-altair {
  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%20288%22%3E%3Cpath%20fill%3D%22%2333363b%22%20d%3D%22M128.042%20254.793L31.85%20199.255V88.324l96.112-55.492l96.189%2055.536v110.935zM236.344%2081.329L127.962%2018.752L19.656%2081.284v125.01l108.386%2062.578l108.302-62.53z%22%2F%3E%3Cpath%20fill%3D%22%237ebc59%22%20d%3D%22M47.862%2097.546c-7.05%2012.267-22.77%2016.454-35.037%209.402c-12.267-7.05-16.454-22.77-9.402-35.037c7.051-12.267%2022.771-16.453%2035.037-9.402c12.267%207.125%2016.454%2022.77%209.402%2035.037m160.276%200c-7.052-12.267-2.865-27.912%209.401-35.037c12.268-7.05%2027.913-2.865%2035.038%209.402c7.051%2012.267%202.865%2027.912-9.402%2035.037c-12.266%207.052-27.986%202.865-35.037-9.402M128%20287.645c-14.176%200-25.635-11.46-25.635-25.636c0-14.178%2011.459-25.636%2025.635-25.636s25.635%2011.459%2025.635%2025.636c0%2014.103-11.458%2025.635-25.635%2025.635%22%2F%3E%3Cpath%20fill%3D%22%23368cbf%22%20d%3D%22M120.863%2050.26a25.7%2025.7%200%200%200%2014.296-.006l77.422%20134.094a25.5%2025.5%200%200%200-4.517%205.75a25.7%2025.7%200%200%200-2.694%206.758H50.633a25.7%2025.7%200%200%200-2.697-6.758a25.8%2025.8%200%200%200-4.51-5.718zm122.239%20130.437c-6.285-3.614-13.473-4.27-19.94-2.408l-77.44-134.126a25.55%2025.55%200%200%200%207.913-18.527C153.635%2011.459%20142.177%200%20128%200c-14.176%200-25.635%2011.458-25.635%2025.635a25.55%2025.55%200%200%200%207.93%2018.542l-77.44%20134.125c-6.47-1.88-13.657-1.228-19.956%202.394c-12.267%207.125-16.453%2022.77-9.402%2035.037s22.697%2016.453%2035.037%209.4A25.66%2025.66%200%200%200%2050.6%20209.05h154.794c1.61%206.554%205.772%2012.464%2012.073%2016.086c12.266%207.052%2027.986%202.865%2035.037-9.401c7.125-12.267%202.938-27.912-9.402-35.037%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%20288%22%3E%3Cpath%20fill%3D%22%2333363b%22%20d%3D%22M128.042%20254.793L31.85%20199.255V88.324l96.112-55.492l96.189%2055.536v110.935zM236.344%2081.329L127.962%2018.752L19.656%2081.284v125.01l108.386%2062.578l108.302-62.53z%22%2F%3E%3Cpath%20fill%3D%22%237ebc59%22%20d%3D%22M47.862%2097.546c-7.05%2012.267-22.77%2016.454-35.037%209.402c-12.267-7.05-16.454-22.77-9.402-35.037c7.051-12.267%2022.771-16.453%2035.037-9.402c12.267%207.125%2016.454%2022.77%209.402%2035.037m160.276%200c-7.052-12.267-2.865-27.912%209.401-35.037c12.268-7.05%2027.913-2.865%2035.038%209.402c7.051%2012.267%202.865%2027.912-9.402%2035.037c-12.266%207.052-27.986%202.865-35.037-9.402M128%20287.645c-14.176%200-25.635-11.46-25.635-25.636c0-14.178%2011.459-25.636%2025.635-25.636s25.635%2011.459%2025.635%2025.636c0%2014.103-11.458%2025.635-25.635%2025.635%22%2F%3E%3Cpath%20fill%3D%22%23368cbf%22%20d%3D%22M120.863%2050.26a25.7%2025.7%200%200%200%2014.296-.006l77.422%20134.094a25.5%2025.5%200%200%200-4.517%205.75a25.7%2025.7%200%200%200-2.694%206.758H50.633a25.7%2025.7%200%200%200-2.697-6.758a25.8%2025.8%200%200%200-4.51-5.718zm122.239%20130.437c-6.285-3.614-13.473-4.27-19.94-2.408l-77.44-134.126a25.55%2025.55%200%200%200%207.913-18.527C153.635%2011.459%20142.177%200%20128%200c-14.176%200-25.635%2011.458-25.635%2025.635a25.55%2025.55%200%200%200%207.93%2018.542l-77.44%20134.125c-6.47-1.88-13.657-1.228-19.956%202.394c-12.267%207.125-16.453%2022.77-9.402%2035.037s22.697%2016.453%2035.037%209.4A25.66%2025.66%200%200%200%2050.6%20209.05h154.794c1.61%206.554%205.772%2012.464%2012.073%2016.086c12.266%207.052%2027.986%202.865%2035.037-9.401c7.125-12.267%202.938-27.912-9.402-35.037%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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