xing icon
xing from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.
- Name
- Set
- Line Awesome
- Style
- Line
- Category
- Other
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More other icons from Line Awesome
Use the xing icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M21.406 5c-.426 0-.879.168-1.156.406s-.406.489-.5.657l-4.313 7.656a1 1 0 0 0-.124-.313L13.342 10a2.1 2.1 0 0 0-.53-.656a1.84 1.84 0 0 0-1.126-.406H8.781c-.41 0-.914.171-1.219.656h-.03c-.294.484-.192 1.066 0 1.437l.03.031L9.22 13.97l-2.781 4.906l-.032.031c-.215.418-.246.992.032 1.438c.246.394.769.656 1.25.656h2.875c.44 0 .882-.172 1.156-.406s.406-.485.5-.657c0 0 .574-1.027 1-1.78q.034.114.094.218l4.124 7.563c.102.18.254.425.532.656c.277.23.715.406 1.156.406H22c.426 0 .945-.219 1.219-.656a1.5 1.5 0 0 0 .062-1.438l-.031-.031l-3.813-6.938l6.125-10.812l.032-.063c.199-.398.261-.937-.032-1.406c-.28-.457-.828-.656-1.25-.656zm.125 2h1.782l-5.875 10.438c-.114.203-.098.683.03.968h-.03l.03.063v.031l3.563 6.5H19.22c-.012-.016-.016 0-.032-.031l-3.812-7.032c.684-1.21 6.125-10.906 6.125-10.906c.023-.043.02-.011.031-.031zm-11.75 3.938h1.781c.008.007.004-.016.032.03l.031.032l1.688 2.938c-.512.902-2.844 5.03-2.844 5.03c-.02.036-.02.012-.031.032H8.655l2.594-4.531q.018-.06.031-.125c.024-.051.094-.172.094-.375a1 1 0 0 0-.094-.406a1 1 0 0 0-.062-.126z"/></svg>
React
import type { SVGProps } from "react";
export function LaXing(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M21.406 5c-.426 0-.879.168-1.156.406s-.406.489-.5.657l-4.313 7.656a1 1 0 0 0-.124-.313L13.342 10a2.1 2.1 0 0 0-.53-.656a1.84 1.84 0 0 0-1.126-.406H8.781c-.41 0-.914.171-1.219.656h-.03c-.294.484-.192 1.066 0 1.437l.03.031L9.22 13.97l-2.781 4.906l-.032.031c-.215.418-.246.992.032 1.438c.246.394.769.656 1.25.656h2.875c.44 0 .882-.172 1.156-.406s.406-.485.5-.657c0 0 .574-1.027 1-1.78q.034.114.094.218l4.124 7.563c.102.18.254.425.532.656c.277.23.715.406 1.156.406H22c.426 0 .945-.219 1.219-.656a1.5 1.5 0 0 0 .062-1.438l-.031-.031l-3.813-6.938l6.125-10.812l.032-.063c.199-.398.261-.937-.032-1.406c-.28-.457-.828-.656-1.25-.656zm.125 2h1.782l-5.875 10.438c-.114.203-.098.683.03.968h-.03l.03.063v.031l3.563 6.5H19.22c-.012-.016-.016 0-.032-.031l-3.812-7.032c.684-1.21 6.125-10.906 6.125-10.906c.023-.043.02-.011.031-.031zm-11.75 3.938h1.781c.008.007.004-.016.032.03l.031.032l1.688 2.938c-.512.902-2.844 5.03-2.844 5.03c-.02.036-.02.012-.031.032H8.655l2.594-4.531q.018-.06.031-.125c.024-.051.094-.172.094-.375a1 1 0 0 0-.094-.406a1 1 0 0 0-.062-.126z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M21.406 5c-.426 0-.879.168-1.156.406s-.406.489-.5.657l-4.313 7.656a1 1 0 0 0-.124-.313L13.342 10a2.1 2.1 0 0 0-.53-.656a1.84 1.84 0 0 0-1.126-.406H8.781c-.41 0-.914.171-1.219.656h-.03c-.294.484-.192 1.066 0 1.437l.03.031L9.22 13.97l-2.781 4.906l-.032.031c-.215.418-.246.992.032 1.438c.246.394.769.656 1.25.656h2.875c.44 0 .882-.172 1.156-.406s.406-.485.5-.657c0 0 .574-1.027 1-1.78q.034.114.094.218l4.124 7.563c.102.18.254.425.532.656c.277.23.715.406 1.156.406H22c.426 0 .945-.219 1.219-.656a1.5 1.5 0 0 0 .062-1.438l-.031-.031l-3.813-6.938l6.125-10.812l.032-.063c.199-.398.261-.937-.032-1.406c-.28-.457-.828-.656-1.25-.656zm.125 2h1.782l-5.875 10.438c-.114.203-.098.683.03.968h-.03l.03.063v.031l3.563 6.5H19.22c-.012-.016-.016 0-.032-.031l-3.812-7.032c.684-1.21 6.125-10.906 6.125-10.906c.023-.043.02-.011.031-.031zm-11.75 3.938h1.781c.008.007.004-.016.032.03l.031.032l1.688 2.938c-.512.902-2.844 5.03-2.844 5.03c-.02.036-.02.012-.031.032H8.655l2.594-4.531q.018-.06.031-.125c.024-.051.094-.172.094-.375a1 1 0 0 0-.094-.406a1 1 0 0 0-.062-.126z"/></svg> </template>
CSS
.icon-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.406%205c-.426%200-.879.168-1.156.406s-.406.489-.5.657l-4.313%207.656a1%201%200%200%200-.124-.313L13.342%2010a2.1%202.1%200%200%200-.53-.656a1.84%201.84%200%200%200-1.126-.406H8.781c-.41%200-.914.171-1.219.656h-.03c-.294.484-.192%201.066%200%201.437l.03.031L9.22%2013.97l-2.781%204.906l-.032.031c-.215.418-.246.992.032%201.438c.246.394.769.656%201.25.656h2.875c.44%200%20.882-.172%201.156-.406s.406-.485.5-.657c0%200%20.574-1.027%201-1.78q.034.114.094.218l4.124%207.563c.102.18.254.425.532.656c.277.23.715.406%201.156.406H22c.426%200%20.945-.219%201.219-.656a1.5%201.5%200%200%200%20.062-1.438l-.031-.031l-3.813-6.938l6.125-10.812l.032-.063c.199-.398.261-.937-.032-1.406c-.28-.457-.828-.656-1.25-.656zm.125%202h1.782l-5.875%2010.438c-.114.203-.098.683.03.968h-.03l.03.063v.031l3.563%206.5H19.22c-.012-.016-.016%200-.032-.031l-3.812-7.032c.684-1.21%206.125-10.906%206.125-10.906c.023-.043.02-.011.031-.031zm-11.75%203.938h1.781c.008.007.004-.016.032.03l.031.032l1.688%202.938c-.512.902-2.844%205.03-2.844%205.03c-.02.036-.02.012-.031.032H8.655l2.594-4.531q.018-.06.031-.125c.024-.051.094-.172.094-.375a1%201%200%200%200-.094-.406a1%201%200%200%200-.062-.126z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.406%205c-.426%200-.879.168-1.156.406s-.406.489-.5.657l-4.313%207.656a1%201%200%200%200-.124-.313L13.342%2010a2.1%202.1%200%200%200-.53-.656a1.84%201.84%200%200%200-1.126-.406H8.781c-.41%200-.914.171-1.219.656h-.03c-.294.484-.192%201.066%200%201.437l.03.031L9.22%2013.97l-2.781%204.906l-.032.031c-.215.418-.246.992.032%201.438c.246.394.769.656%201.25.656h2.875c.44%200%20.882-.172%201.156-.406s.406-.485.5-.657c0%200%20.574-1.027%201-1.78q.034.114.094.218l4.124%207.563c.102.18.254.425.532.656c.277.23.715.406%201.156.406H22c.426%200%20.945-.219%201.219-.656a1.5%201.5%200%200%200%20.062-1.438l-.031-.031l-3.813-6.938l6.125-10.812l.032-.063c.199-.398.261-.937-.032-1.406c-.28-.457-.828-.656-1.25-.656zm.125%202h1.782l-5.875%2010.438c-.114.203-.098.683.03.968h-.03l.03.063v.031l3.563%206.5H19.22c-.012-.016-.016%200-.032-.031l-3.812-7.032c.684-1.21%206.125-10.906%206.125-10.906c.023-.043.02-.011.031-.031zm-11.75%203.938h1.781c.008.007.004-.016.032.03l.031.032l1.688%202.938c-.512.902-2.844%205.03-2.844%205.03c-.02.036-.02.012-.031.032H8.655l2.594-4.531q.018-.06.031-.125c.024-.051.094-.172.094-.375a1%201%200%200%200-.094-.406a1%201%200%200%200-.062-.126z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/xing.svg?color=%231a73e8&size=48
