xo logo

xo from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
xo
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the xo logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m1.629 5.698l4.275 5.367l4.274-5.367h1.613l-5.089 6.384l4.958 6.219h-1.613L5.903 13.1l-4.142 5.201H.131l4.957-6.219L0 5.698zm16.48-.082C21.423 5.616 24 8.632 24 12c0 3.425-2.613 6.331-5.883 6.383c-3.301-.1-5.804-2.878-5.911-6.164L12.202 12c0-3.436 2.637-6.384 5.907-6.384m0 1.268c-2.59 0-4.639 2.4-4.639 5.116c.078 2.736 1.983 4.996 4.444 5.111l.195.004c2.583 0 4.623-2.406 4.623-5.115c0-2.752-2.086-5.116-4.623-5.116m.944 3.71c.507 0 1.1.662.702 1.473c-.297.605-1.373 1.192-1.609 1.315l-.045.024s-1.32-.658-1.655-1.339c-.397-.811.196-1.473.703-1.473c.56 0 .952.535.952.535s.391-.535.952-.535"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsXo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m1.629 5.698l4.275 5.367l4.274-5.367h1.613l-5.089 6.384l4.958 6.219h-1.613L5.903 13.1l-4.142 5.201H.131l4.957-6.219L0 5.698zm16.48-.082C21.423 5.616 24 8.632 24 12c0 3.425-2.613 6.331-5.883 6.383c-3.301-.1-5.804-2.878-5.911-6.164L12.202 12c0-3.436 2.637-6.384 5.907-6.384m0 1.268c-2.59 0-4.639 2.4-4.639 5.116c.078 2.736 1.983 4.996 4.444 5.111l.195.004c2.583 0 4.623-2.406 4.623-5.115c0-2.752-2.086-5.116-4.623-5.116m.944 3.71c.507 0 1.1.662.702 1.473c-.297.605-1.373 1.192-1.609 1.315l-.045.024s-1.32-.658-1.655-1.339c-.397-.811.196-1.473.703-1.473c.56 0 .952.535.952.535s.391-.535.952-.535"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m1.629 5.698l4.275 5.367l4.274-5.367h1.613l-5.089 6.384l4.958 6.219h-1.613L5.903 13.1l-4.142 5.201H.131l4.957-6.219L0 5.698zm16.48-.082C21.423 5.616 24 8.632 24 12c0 3.425-2.613 6.331-5.883 6.383c-3.301-.1-5.804-2.878-5.911-6.164L12.202 12c0-3.436 2.637-6.384 5.907-6.384m0 1.268c-2.59 0-4.639 2.4-4.639 5.116c.078 2.736 1.983 4.996 4.444 5.111l.195.004c2.583 0 4.623-2.406 4.623-5.115c0-2.752-2.086-5.116-4.623-5.116m.944 3.71c.507 0 1.1.662.702 1.473c-.297.605-1.373 1.192-1.609 1.315l-.045.024s-1.32-.658-1.655-1.339c-.397-.811.196-1.473.703-1.473c.56 0 .952.535.952.535s.391-.535.952-.535"/></svg>
</template>

CSS

.icon-xo {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m1.629%205.698l4.275%205.367l4.274-5.367h1.613l-5.089%206.384l4.958%206.219h-1.613L5.903%2013.1l-4.142%205.201H.131l4.957-6.219L0%205.698zm16.48-.082C21.423%205.616%2024%208.632%2024%2012c0%203.425-2.613%206.331-5.883%206.383c-3.301-.1-5.804-2.878-5.911-6.164L12.202%2012c0-3.436%202.637-6.384%205.907-6.384m0%201.268c-2.59%200-4.639%202.4-4.639%205.116c.078%202.736%201.983%204.996%204.444%205.111l.195.004c2.583%200%204.623-2.406%204.623-5.115c0-2.752-2.086-5.116-4.623-5.116m.944%203.71c.507%200%201.1.662.702%201.473c-.297.605-1.373%201.192-1.609%201.315l-.045.024s-1.32-.658-1.655-1.339c-.397-.811.196-1.473.703-1.473c.56%200%20.952.535.952.535s.391-.535.952-.535%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m1.629%205.698l4.275%205.367l4.274-5.367h1.613l-5.089%206.384l4.958%206.219h-1.613L5.903%2013.1l-4.142%205.201H.131l4.957-6.219L0%205.698zm16.48-.082C21.423%205.616%2024%208.632%2024%2012c0%203.425-2.613%206.331-5.883%206.383c-3.301-.1-5.804-2.878-5.911-6.164L12.202%2012c0-3.436%202.637-6.384%205.907-6.384m0%201.268c-2.59%200-4.639%202.4-4.639%205.116c.078%202.736%201.983%204.996%204.444%205.111l.195.004c2.583%200%204.623-2.406%204.623-5.115c0-2.752-2.086-5.116-4.623-5.116m.944%203.71c.507%200%201.1.662.702%201.473c-.297.605-1.373%201.192-1.609%201.315l-.045.024s-1.32-.658-1.655-1.339c-.397-.811.196-1.473.703-1.473c.56%200%20.952.535.952.535s.391-.535.952-.535%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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