logo xing icon

logo-xing from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: logo-xing
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT
Aliases: logo-xing-outline

The same icon in other sets

Use the logo xing icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M313.8 303.9L469 32H365L209.4 303.8a1.35 1.35 0 0 0 0 1.7l98.9 173.8c.4.7.8.7 1.6.7H413l-99.3-174.7a1.74 1.74 0 0 1 .1-1.4m-91.9-87.7L163 113a2 2 0 0 0-2-1H65l58.9 104.4a1.13 1.13 0 0 1 .1.8L43 352h96.8a1.54 1.54 0 0 0 1.6-.9l80.5-133.7a2.44 2.44 0 0 0 0-1.2"/></svg>

React

import type { SVGProps } from "react";

export function IonLogoXing(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M313.8 303.9L469 32H365L209.4 303.8a1.35 1.35 0 0 0 0 1.7l98.9 173.8c.4.7.8.7 1.6.7H413l-99.3-174.7a1.74 1.74 0 0 1 .1-1.4m-91.9-87.7L163 113a2 2 0 0 0-2-1H65l58.9 104.4a1.13 1.13 0 0 1 .1.8L43 352h96.8a1.54 1.54 0 0 0 1.6-.9l80.5-133.7a2.44 2.44 0 0 0 0-1.2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M313.8 303.9L469 32H365L209.4 303.8a1.35 1.35 0 0 0 0 1.7l98.9 173.8c.4.7.8.7 1.6.7H413l-99.3-174.7a1.74 1.74 0 0 1 .1-1.4m-91.9-87.7L163 113a2 2 0 0 0-2-1H65l58.9 104.4a1.13 1.13 0 0 1 .1.8L43 352h96.8a1.54 1.54 0 0 0 1.6-.9l80.5-133.7a2.44 2.44 0 0 0 0-1.2"/></svg>
</template>

CSS

.icon-logo-xing {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M313.8%20303.9L469%2032H365L209.4%20303.8a1.35%201.35%200%200%200%200%201.7l98.9%20173.8c.4.7.8.7%201.6.7H413l-99.3-174.7a1.74%201.74%200%200%201%20.1-1.4m-91.9-87.7L163%20113a2%202%200%200%200-2-1H65l58.9%20104.4a1.13%201.13%200%200%201%20.1.8L43%20352h96.8a1.54%201.54%200%200%200%201.6-.9l80.5-133.7a2.44%202.44%200%200%200%200-1.2%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M313.8%20303.9L469%2032H365L209.4%20303.8a1.35%201.35%200%200%200%200%201.7l98.9%20173.8c.4.7.8.7%201.6.7H413l-99.3-174.7a1.74%201.74%200%200%201%20.1-1.4m-91.9-87.7L163%20113a2%202%200%200%200-2-1H65l58.9%20104.4a1.13%201.13%200%200%201%20.1.8L43%20352h96.8a1.54%201.54%200%200%200%201.6-.9l80.5-133.7a2.44%202.44%200%200%200%200-1.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

logo xing icon

The same icon in other sets

Related icons in IonIcons

Use the logo xing icon

SVG

React

Vue

CSS