xtend logo

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

Name
xtend
Set
SVG Logos
Style
Color
Viewbox
256×212
License
CC0

Use the xtend logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 212"><path d="m44.94 8.28l80.104 95.605l-84.791 99.926c-2.452 2.89-.398 7.326 3.392 7.326h31.12c1.499 0 2.92-.657 3.89-1.8l91.612-107.825L88.386 2.59a6.53 6.53 0 0 0-5.03-2.365H48.7c-4.165 0-6.435 4.863-3.76 8.056M4.678 33.83l59.09 70.319L.71 178.668c-1.637 1.934-.262 4.898 2.271 4.898h26.13l69.315-80.968L34.323 26.66H8.018c-3.707 0-5.725 4.33-3.34 7.169m203.29-31.692l-50.22 61.379l24.167 26.177L250.114 9.01c3.009-3.559.479-9.01-4.181-9.01h-33.456a5.83 5.83 0 0 0-4.509 2.137m-52.23 134.041l61.004 73.243a4.77 4.77 0 0 0 3.662 1.716h30.794c4.087 0 6.299-4.787 3.65-7.9l-77.368-90.902z"/></svg>

React

import type { SVGProps } from "react";

export function LogosXtend(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 212"><path d="m44.94 8.28l80.104 95.605l-84.791 99.926c-2.452 2.89-.398 7.326 3.392 7.326h31.12c1.499 0 2.92-.657 3.89-1.8l91.612-107.825L88.386 2.59a6.53 6.53 0 0 0-5.03-2.365H48.7c-4.165 0-6.435 4.863-3.76 8.056M4.678 33.83l59.09 70.319L.71 178.668c-1.637 1.934-.262 4.898 2.271 4.898h26.13l69.315-80.968L34.323 26.66H8.018c-3.707 0-5.725 4.33-3.34 7.169m203.29-31.692l-50.22 61.379l24.167 26.177L250.114 9.01c3.009-3.559.479-9.01-4.181-9.01h-33.456a5.83 5.83 0 0 0-4.509 2.137m-52.23 134.041l61.004 73.243a4.77 4.77 0 0 0 3.662 1.716h30.794c4.087 0 6.299-4.787 3.65-7.9l-77.368-90.902z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 212"><path d="m44.94 8.28l80.104 95.605l-84.791 99.926c-2.452 2.89-.398 7.326 3.392 7.326h31.12c1.499 0 2.92-.657 3.89-1.8l91.612-107.825L88.386 2.59a6.53 6.53 0 0 0-5.03-2.365H48.7c-4.165 0-6.435 4.863-3.76 8.056M4.678 33.83l59.09 70.319L.71 178.668c-1.637 1.934-.262 4.898 2.271 4.898h26.13l69.315-80.968L34.323 26.66H8.018c-3.707 0-5.725 4.33-3.34 7.169m203.29-31.692l-50.22 61.379l24.167 26.177L250.114 9.01c3.009-3.559.479-9.01-4.181-9.01h-33.456a5.83 5.83 0 0 0-4.509 2.137m-52.23 134.041l61.004 73.243a4.77 4.77 0 0 0 3.662 1.716h30.794c4.087 0 6.299-4.787 3.65-7.9l-77.368-90.902z"/></svg>
</template>

CSS

.icon-xtend {
  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%20212%22%3E%3Cpath%20d%3D%22m44.94%208.28l80.104%2095.605l-84.791%2099.926c-2.452%202.89-.398%207.326%203.392%207.326h31.12c1.499%200%202.92-.657%203.89-1.8l91.612-107.825L88.386%202.59a6.53%206.53%200%200%200-5.03-2.365H48.7c-4.165%200-6.435%204.863-3.76%208.056M4.678%2033.83l59.09%2070.319L.71%20178.668c-1.637%201.934-.262%204.898%202.271%204.898h26.13l69.315-80.968L34.323%2026.66H8.018c-3.707%200-5.725%204.33-3.34%207.169m203.29-31.692l-50.22%2061.379l24.167%2026.177L250.114%209.01c3.009-3.559.479-9.01-4.181-9.01h-33.456a5.83%205.83%200%200%200-4.509%202.137m-52.23%20134.041l61.004%2073.243a4.77%204.77%200%200%200%203.662%201.716h30.794c4.087%200%206.299-4.787%203.65-7.9l-77.368-90.902z%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%20212%22%3E%3Cpath%20d%3D%22m44.94%208.28l80.104%2095.605l-84.791%2099.926c-2.452%202.89-.398%207.326%203.392%207.326h31.12c1.499%200%202.92-.657%203.89-1.8l91.612-107.825L88.386%202.59a6.53%206.53%200%200%200-5.03-2.365H48.7c-4.165%200-6.435%204.863-3.76%208.056M4.678%2033.83l59.09%2070.319L.71%20178.668c-1.637%201.934-.262%204.898%202.271%204.898h26.13l69.315-80.968L34.323%2026.66H8.018c-3.707%200-5.725%204.33-3.34%207.169m203.29-31.692l-50.22%2061.379l24.167%2026.177L250.114%209.01c3.009-3.559.479-9.01-4.181-9.01h-33.456a5.83%205.83%200%200%200-4.509%202.137m-52.23%20134.041l61.004%2073.243a4.77%204.77%200%200%200%203.662%201.716h30.794c4.087%200%206.299-4.787%203.65-7.9l-77.368-90.902z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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