x logo

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

Name
x
Set
SVG Logos
Style
Color
Viewbox
251×256
License
CC0

The same logo in other sets

x-fillAkar Iconsx-filledAnt Design IconsxBootstrap IconsxBoxIcons v2xCarbonxFont Awesome 6 SolidxFont Awesome SolidxFeather Iconsx-solidFlowbite IconsxHealth IconsxHuge IconsxIconoirxLucidexMage IconsxMyna UI IconsxOcticonsxPhosphorxPixelarticonsxSimple IconsxTabler Iconsx-outlineTeenyiconsxUnicons

Related icons in SVG Logos

x-aix-ai-darkx-ray-goggles

Use the x logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 251 256"><path d="M149.079 108.399L242.33 0h-22.098l-80.97 94.12L74.59 0H0l97.796 142.328L0 256h22.1l85.507-99.395L175.905 256h74.59L149.073 108.399zM118.81 143.58l-9.909-14.172l-78.84-112.773h33.943l63.625 91.011l9.909 14.173l82.705 118.3H186.3l-67.49-96.533z"/></svg>

React

import type { SVGProps } from "react";

export function LogosX(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 251 256"><path d="M149.079 108.399L242.33 0h-22.098l-80.97 94.12L74.59 0H0l97.796 142.328L0 256h22.1l85.507-99.395L175.905 256h74.59L149.073 108.399zM118.81 143.58l-9.909-14.172l-78.84-112.773h33.943l63.625 91.011l9.909 14.173l82.705 118.3H186.3l-67.49-96.533z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 251 256"><path d="M149.079 108.399L242.33 0h-22.098l-80.97 94.12L74.59 0H0l97.796 142.328L0 256h22.1l85.507-99.395L175.905 256h74.59L149.073 108.399zM118.81 143.58l-9.909-14.172l-78.84-112.773h33.943l63.625 91.011l9.909 14.173l82.705 118.3H186.3l-67.49-96.533z"/></svg>
</template>

CSS

.icon-x {
  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%20251%20256%22%3E%3Cpath%20d%3D%22M149.079%20108.399L242.33%200h-22.098l-80.97%2094.12L74.59%200H0l97.796%20142.328L0%20256h22.1l85.507-99.395L175.905%20256h74.59L149.073%20108.399zM118.81%20143.58l-9.909-14.172l-78.84-112.773h33.943l63.625%2091.011l9.909%2014.173l82.705%20118.3H186.3l-67.49-96.533z%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%20251%20256%22%3E%3Cpath%20d%3D%22M149.079%20108.399L242.33%200h-22.098l-80.97%2094.12L74.59%200H0l97.796%20142.328L0%20256h22.1l85.507-99.395L175.905%20256h74.59L149.073%20108.399zM118.81%20143.58l-9.909-14.172l-78.84-112.773h33.943l63.625%2091.011l9.909%2014.173l82.705%20118.3H186.3l-67.49-96.533z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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