appcelerator logo

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

Name
appcelerator
Set
SVG Logos
Style
Color
Viewbox
256×224
License
CC0

The same logo in other sets

appceleratorDevicon

Use the appcelerator logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 224"><path d="M254.809 210.372l-118.7-205.59a8.815 8.815 0 0 0-15.278 0L2.125 210.373a8.807 8.807 0 0 0 0 8.832a8.822 8.822 0 0 0 7.639 4.408h237.409a8.816 8.816 0 0 0 7.636-4.408a8.807 8.807 0 0 0 0-8.832" fill="#B01C33"/><path d="M143.794 163.422c-7.152 9.165-15.201 11.176-22.58 11.176c-7.822 0-16.316-2.46-16.316-14.081c0-12.07 7.823-15.425 23.028-15.425h15.868v18.33zm58.582 9.327l-28.607-12.525l3.146 8.337l-11.66 2.17v-57.6c0-25.03-20.341-29.503-37.329-29.503c-18.56 0-36.434 2.234-36.434 2.234v16.986l1.565 1.565s16.986-2.235 31.067-2.235c12.518 0 19.67 5.81 19.67 15.87v10.06h-21.682c-19.897 0-38.886 8.491-38.886 33.752c0 25.025 14.525 31.29 29.948 31.29c20.787 0 30.17-15.645 30.17-15.645h.894l-.444 11.852l1.56 1.558l34.25-6.048l-.318 8.908l23.09-21.026z" fill="#FFF"/></svg>

React

import type { SVGProps } from "react";

export function LogosAppcelerator(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 224"><path d="M254.809 210.372l-118.7-205.59a8.815 8.815 0 0 0-15.278 0L2.125 210.373a8.807 8.807 0 0 0 0 8.832a8.822 8.822 0 0 0 7.639 4.408h237.409a8.816 8.816 0 0 0 7.636-4.408a8.807 8.807 0 0 0 0-8.832" fill="#B01C33"/><path d="M143.794 163.422c-7.152 9.165-15.201 11.176-22.58 11.176c-7.822 0-16.316-2.46-16.316-14.081c0-12.07 7.823-15.425 23.028-15.425h15.868v18.33zm58.582 9.327l-28.607-12.525l3.146 8.337l-11.66 2.17v-57.6c0-25.03-20.341-29.503-37.329-29.503c-18.56 0-36.434 2.234-36.434 2.234v16.986l1.565 1.565s16.986-2.235 31.067-2.235c12.518 0 19.67 5.81 19.67 15.87v10.06h-21.682c-19.897 0-38.886 8.491-38.886 33.752c0 25.025 14.525 31.29 29.948 31.29c20.787 0 30.17-15.645 30.17-15.645h.894l-.444 11.852l1.56 1.558l34.25-6.048l-.318 8.908l23.09-21.026z" fill="#FFF"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 224"><path d="M254.809 210.372l-118.7-205.59a8.815 8.815 0 0 0-15.278 0L2.125 210.373a8.807 8.807 0 0 0 0 8.832a8.822 8.822 0 0 0 7.639 4.408h237.409a8.816 8.816 0 0 0 7.636-4.408a8.807 8.807 0 0 0 0-8.832" fill="#B01C33"/><path d="M143.794 163.422c-7.152 9.165-15.201 11.176-22.58 11.176c-7.822 0-16.316-2.46-16.316-14.081c0-12.07 7.823-15.425 23.028-15.425h15.868v18.33zm58.582 9.327l-28.607-12.525l3.146 8.337l-11.66 2.17v-57.6c0-25.03-20.341-29.503-37.329-29.503c-18.56 0-36.434 2.234-36.434 2.234v16.986l1.565 1.565s16.986-2.235 31.067-2.235c12.518 0 19.67 5.81 19.67 15.87v10.06h-21.682c-19.897 0-38.886 8.491-38.886 33.752c0 25.025 14.525 31.29 29.948 31.29c20.787 0 30.17-15.645 30.17-15.645h.894l-.444 11.852l1.56 1.558l34.25-6.048l-.318 8.908l23.09-21.026z" fill="#FFF"/></svg>
</template>

CSS

.icon-appcelerator {
  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%20224%22%3E%3Cpath%20d%3D%22M254.809%20210.372l-118.7-205.59a8.815%208.815%200%200%200-15.278%200L2.125%20210.373a8.807%208.807%200%200%200%200%208.832a8.822%208.822%200%200%200%207.639%204.408h237.409a8.816%208.816%200%200%200%207.636-4.408a8.807%208.807%200%200%200%200-8.832%22%20fill%3D%22%23B01C33%22%2F%3E%3Cpath%20d%3D%22M143.794%20163.422c-7.152%209.165-15.201%2011.176-22.58%2011.176c-7.822%200-16.316-2.46-16.316-14.081c0-12.07%207.823-15.425%2023.028-15.425h15.868v18.33zm58.582%209.327l-28.607-12.525l3.146%208.337l-11.66%202.17v-57.6c0-25.03-20.341-29.503-37.329-29.503c-18.56%200-36.434%202.234-36.434%202.234v16.986l1.565%201.565s16.986-2.235%2031.067-2.235c12.518%200%2019.67%205.81%2019.67%2015.87v10.06h-21.682c-19.897%200-38.886%208.491-38.886%2033.752c0%2025.025%2014.525%2031.29%2029.948%2031.29c20.787%200%2030.17-15.645%2030.17-15.645h.894l-.444%2011.852l1.56%201.558l34.25-6.048l-.318%208.908l23.09-21.026z%22%20fill%3D%22%23FFF%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%20224%22%3E%3Cpath%20d%3D%22M254.809%20210.372l-118.7-205.59a8.815%208.815%200%200%200-15.278%200L2.125%20210.373a8.807%208.807%200%200%200%200%208.832a8.822%208.822%200%200%200%207.639%204.408h237.409a8.816%208.816%200%200%200%207.636-4.408a8.807%208.807%200%200%200%200-8.832%22%20fill%3D%22%23B01C33%22%2F%3E%3Cpath%20d%3D%22M143.794%20163.422c-7.152%209.165-15.201%2011.176-22.58%2011.176c-7.822%200-16.316-2.46-16.316-14.081c0-12.07%207.823-15.425%2023.028-15.425h15.868v18.33zm58.582%209.327l-28.607-12.525l3.146%208.337l-11.66%202.17v-57.6c0-25.03-20.341-29.503-37.329-29.503c-18.56%200-36.434%202.234-36.434%202.234v16.986l1.565%201.565s16.986-2.235%2031.067-2.235c12.518%200%2019.67%205.81%2019.67%2015.87v10.06h-21.682c-19.897%200-38.886%208.491-38.886%2033.752c0%2025.025%2014.525%2031.29%2029.948%2031.29c20.787%200%2030.17-15.645%2030.17-15.645h.894l-.444%2011.852l1.56%201.558l34.25-6.048l-.318%208.908l23.09-21.026z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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