file type xo logo
file-type-xo from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-xo
- Set
- VSCode Icons
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
Related icons in VSCode Icons
file-type-accessfile-type-access2file-type-actionscriptfile-type-actionscript2file-type-adafile-type-advplfile-type-affinityfile-type-affinitydesignerfile-type-affinityphotofile-type-affinitypublisherfile-type-agdafile-type-agentsfile-type-aifile-type-ai2file-type-aikidofile-type-alfile-type-al-dalfile-type-alchemyfile-type-allcontributorsfile-type-alloyfile-type-allurefile-type-angularfile-type-ansiblefile-type-antlers-html
Use the file type xo logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#e271a5" d="m2.53 8.76l5.59 7.01l5.58-7.01h.51L8.36 16.1l5.7 7.14h-.52l-5.42-6.81l-5.43 6.8h-.53l5.7-7.13L2 8.76z"/><path fill="#64d8c7" d="M16.52 16c0-3.85 2.94-7.34 6.75-7.34c4 0 6.73 3.73 6.73 7.34c0 3.87-2.94 7.28-6.73 7.34c-4-.12-6.75-3.63-6.75-7.34m6.75 6.93c3.77 0 6.32-3.52 6.32-6.93c0-3.61-2.73-6.93-6.32-6.93c-3.77 0-6.34 3.5-6.34 6.93c.1 3.61 2.67 6.93 6.34 6.93"/><path fill="#d5efea" d="M24.44 14.45c.27 0 .56.2.72.47c.18.32.18.7 0 1.08c-.34.68-1.58 1.37-1.9 1.54c-.32-.17-1.57-.86-1.9-1.54a1.12 1.12 0 0 1 0-1.08c.15-.28.45-.47.71-.47c.6 0 1.04.59 1.04.6l.14.19l.14-.2c.01 0 .45-.59 1.05-.59m0-.19c-.7 0-1.18.67-1.18.67s-.49-.67-1.18-.67c-.63 0-1.37.82-.88 1.83c.42.85 2.06 1.66 2.06 1.66s1.63-.81 2.05-1.66c.5-1-.24-1.83-.87-1.83"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeXo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#e271a5" d="m2.53 8.76l5.59 7.01l5.58-7.01h.51L8.36 16.1l5.7 7.14h-.52l-5.42-6.81l-5.43 6.8h-.53l5.7-7.13L2 8.76z"/><path fill="#64d8c7" d="M16.52 16c0-3.85 2.94-7.34 6.75-7.34c4 0 6.73 3.73 6.73 7.34c0 3.87-2.94 7.28-6.73 7.34c-4-.12-6.75-3.63-6.75-7.34m6.75 6.93c3.77 0 6.32-3.52 6.32-6.93c0-3.61-2.73-6.93-6.32-6.93c-3.77 0-6.34 3.5-6.34 6.93c.1 3.61 2.67 6.93 6.34 6.93"/><path fill="#d5efea" d="M24.44 14.45c.27 0 .56.2.72.47c.18.32.18.7 0 1.08c-.34.68-1.58 1.37-1.9 1.54c-.32-.17-1.57-.86-1.9-1.54a1.12 1.12 0 0 1 0-1.08c.15-.28.45-.47.71-.47c.6 0 1.04.59 1.04.6l.14.19l.14-.2c.01 0 .45-.59 1.05-.59m0-.19c-.7 0-1.18.67-1.18.67s-.49-.67-1.18-.67c-.63 0-1.37.82-.88 1.83c.42.85 2.06 1.66 2.06 1.66s1.63-.81 2.05-1.66c.5-1-.24-1.83-.87-1.83"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#e271a5" d="m2.53 8.76l5.59 7.01l5.58-7.01h.51L8.36 16.1l5.7 7.14h-.52l-5.42-6.81l-5.43 6.8h-.53l5.7-7.13L2 8.76z"/><path fill="#64d8c7" d="M16.52 16c0-3.85 2.94-7.34 6.75-7.34c4 0 6.73 3.73 6.73 7.34c0 3.87-2.94 7.28-6.73 7.34c-4-.12-6.75-3.63-6.75-7.34m6.75 6.93c3.77 0 6.32-3.52 6.32-6.93c0-3.61-2.73-6.93-6.32-6.93c-3.77 0-6.34 3.5-6.34 6.93c.1 3.61 2.67 6.93 6.34 6.93"/><path fill="#d5efea" d="M24.44 14.45c.27 0 .56.2.72.47c.18.32.18.7 0 1.08c-.34.68-1.58 1.37-1.9 1.54c-.32-.17-1.57-.86-1.9-1.54a1.12 1.12 0 0 1 0-1.08c.15-.28.45-.47.71-.47c.6 0 1.04.59 1.04.6l.14.19l.14-.2c.01 0 .45-.59 1.05-.59m0-.19c-.7 0-1.18.67-1.18.67s-.49-.67-1.18-.67c-.63 0-1.37.82-.88 1.83c.42.85 2.06 1.66 2.06 1.66s1.63-.81 2.05-1.66c.5-1-.24-1.83-.87-1.83"/></svg> </template>
CSS
.icon-file-type-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%2032%2032%22%3E%3Cpath%20fill%3D%22%23e271a5%22%20d%3D%22m2.53%208.76l5.59%207.01l5.58-7.01h.51L8.36%2016.1l5.7%207.14h-.52l-5.42-6.81l-5.43%206.8h-.53l5.7-7.13L2%208.76z%22%2F%3E%3Cpath%20fill%3D%22%2364d8c7%22%20d%3D%22M16.52%2016c0-3.85%202.94-7.34%206.75-7.34c4%200%206.73%203.73%206.73%207.34c0%203.87-2.94%207.28-6.73%207.34c-4-.12-6.75-3.63-6.75-7.34m6.75%206.93c3.77%200%206.32-3.52%206.32-6.93c0-3.61-2.73-6.93-6.32-6.93c-3.77%200-6.34%203.5-6.34%206.93c.1%203.61%202.67%206.93%206.34%206.93%22%2F%3E%3Cpath%20fill%3D%22%23d5efea%22%20d%3D%22M24.44%2014.45c.27%200%20.56.2.72.47c.18.32.18.7%200%201.08c-.34.68-1.58%201.37-1.9%201.54c-.32-.17-1.57-.86-1.9-1.54a1.12%201.12%200%200%201%200-1.08c.15-.28.45-.47.71-.47c.6%200%201.04.59%201.04.6l.14.19l.14-.2c.01%200%20.45-.59%201.05-.59m0-.19c-.7%200-1.18.67-1.18.67s-.49-.67-1.18-.67c-.63%200-1.37.82-.88%201.83c.42.85%202.06%201.66%202.06%201.66s1.63-.81%202.05-1.66c.5-1-.24-1.83-.87-1.83%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%22%23e271a5%22%20d%3D%22m2.53%208.76l5.59%207.01l5.58-7.01h.51L8.36%2016.1l5.7%207.14h-.52l-5.42-6.81l-5.43%206.8h-.53l5.7-7.13L2%208.76z%22%2F%3E%3Cpath%20fill%3D%22%2364d8c7%22%20d%3D%22M16.52%2016c0-3.85%202.94-7.34%206.75-7.34c4%200%206.73%203.73%206.73%207.34c0%203.87-2.94%207.28-6.73%207.34c-4-.12-6.75-3.63-6.75-7.34m6.75%206.93c3.77%200%206.32-3.52%206.32-6.93c0-3.61-2.73-6.93-6.32-6.93c-3.77%200-6.34%203.5-6.34%206.93c.1%203.61%202.67%206.93%206.34%206.93%22%2F%3E%3Cpath%20fill%3D%22%23d5efea%22%20d%3D%22M24.44%2014.45c.27%200%20.56.2.72.47c.18.32.18.7%200%201.08c-.34.68-1.58%201.37-1.9%201.54c-.32-.17-1.57-.86-1.9-1.54a1.12%201.12%200%200%201%200-1.08c.15-.28.45-.47.71-.47c.6%200%201.04.59%201.04.6l.14.19l.14-.2c.01%200%20.45-.59%201.05-.59m0-.19c-.7%200-1.18.67-1.18.67s-.49-.67-1.18-.67c-.63%200-1.37.82-.88%201.83c.42.85%202.06%201.66%202.06%201.66s1.63-.81%202.05-1.66c.5-1-.24-1.83-.87-1.83%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-xo.svg?color=%231a73e8&size=48
