file type fnox logo

file-type-fnox from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.

Name
file-type-fnox
Set
VSCode Icons
Style
Color
Viewbox
32×32
License
MIT

Related icons in VSCode Icons

Use the file type fnox logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#0a0e1a" d="M16 30c7.732 0 14-6.268 14-14S23.732 2 16 2S2 8.268 2 16s6.268 14 14 14"/><path fill="#d4af37" fill-rule="evenodd" d="M16 2.656c7.37 0 13.343 5.975 13.344 13.344c0 7.37-5.975 13.343-13.344 13.343C8.63 29.343 2.656 23.37 2.656 16S8.63 2.656 16 2.656M23.292 16L16 26.209L8.708 16l-.874-9.615A12.59 12.59 0 0 0 3.386 16c0 6.967 5.647 12.614 12.614 12.614S28.614 22.967 28.615 16c0-3.852-1.728-7.301-4.45-9.615zM16 11.783a2.48 2.48 0 0 0-2.415 3.04a2.5 2.5 0 0 0 .738 1.264l-.656 5.747h4.666l-.656-5.747a2.478 2.478 0 0 0-.278-3.872A2.5 2.5 0 0 0 16 11.783m0-8.397c-3.112 0-5.96 1.126-8.16 2.994l5.535 3.495h5.25l5.534-3.495A12.57 12.57 0 0 0 16 3.385" clip-rule="evenodd"/><path fill="#0a0e1a" d="m10.459 13.083l2.333.875l-1.458 1.167zm11.083 0l-2.333.875l1.458 1.167z"/></g></svg>

React

import type { SVGProps } from "react";

export function VscodeIconsFileTypeFnox(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#0a0e1a" d="M16 30c7.732 0 14-6.268 14-14S23.732 2 16 2S2 8.268 2 16s6.268 14 14 14"/><path fill="#d4af37" fillRule="evenodd" d="M16 2.656c7.37 0 13.343 5.975 13.344 13.344c0 7.37-5.975 13.343-13.344 13.343C8.63 29.343 2.656 23.37 2.656 16S8.63 2.656 16 2.656M23.292 16L16 26.209L8.708 16l-.874-9.615A12.59 12.59 0 0 0 3.386 16c0 6.967 5.647 12.614 12.614 12.614S28.614 22.967 28.615 16c0-3.852-1.728-7.301-4.45-9.615zM16 11.783a2.48 2.48 0 0 0-2.415 3.04a2.5 2.5 0 0 0 .738 1.264l-.656 5.747h4.666l-.656-5.747a2.478 2.478 0 0 0-.278-3.872A2.5 2.5 0 0 0 16 11.783m0-8.397c-3.112 0-5.96 1.126-8.16 2.994l5.535 3.495h5.25l5.534-3.495A12.57 12.57 0 0 0 16 3.385" clipRule="evenodd"/><path fill="#0a0e1a" d="m10.459 13.083l2.333.875l-1.458 1.167zm11.083 0l-2.333.875l1.458 1.167z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#0a0e1a" d="M16 30c7.732 0 14-6.268 14-14S23.732 2 16 2S2 8.268 2 16s6.268 14 14 14"/><path fill="#d4af37" fill-rule="evenodd" d="M16 2.656c7.37 0 13.343 5.975 13.344 13.344c0 7.37-5.975 13.343-13.344 13.343C8.63 29.343 2.656 23.37 2.656 16S8.63 2.656 16 2.656M23.292 16L16 26.209L8.708 16l-.874-9.615A12.59 12.59 0 0 0 3.386 16c0 6.967 5.647 12.614 12.614 12.614S28.614 22.967 28.615 16c0-3.852-1.728-7.301-4.45-9.615zM16 11.783a2.48 2.48 0 0 0-2.415 3.04a2.5 2.5 0 0 0 .738 1.264l-.656 5.747h4.666l-.656-5.747a2.478 2.478 0 0 0-.278-3.872A2.5 2.5 0 0 0 16 11.783m0-8.397c-3.112 0-5.96 1.126-8.16 2.994l5.535 3.495h5.25l5.534-3.495A12.57 12.57 0 0 0 16 3.385" clip-rule="evenodd"/><path fill="#0a0e1a" d="m10.459 13.083l2.333.875l-1.458 1.167zm11.083 0l-2.333.875l1.458 1.167z"/></g></svg>
</template>

CSS

.icon-file-type-fnox {
  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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%230a0e1a%22%20d%3D%22M16%2030c7.732%200%2014-6.268%2014-14S23.732%202%2016%202S2%208.268%202%2016s6.268%2014%2014%2014%22%2F%3E%3Cpath%20fill%3D%22%23d4af37%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16%202.656c7.37%200%2013.343%205.975%2013.344%2013.344c0%207.37-5.975%2013.343-13.344%2013.343C8.63%2029.343%202.656%2023.37%202.656%2016S8.63%202.656%2016%202.656M23.292%2016L16%2026.209L8.708%2016l-.874-9.615A12.59%2012.59%200%200%200%203.386%2016c0%206.967%205.647%2012.614%2012.614%2012.614S28.614%2022.967%2028.615%2016c0-3.852-1.728-7.301-4.45-9.615zM16%2011.783a2.48%202.48%200%200%200-2.415%203.04a2.5%202.5%200%200%200%20.738%201.264l-.656%205.747h4.666l-.656-5.747a2.478%202.478%200%200%200-.278-3.872A2.5%202.5%200%200%200%2016%2011.783m0-8.397c-3.112%200-5.96%201.126-8.16%202.994l5.535%203.495h5.25l5.534-3.495A12.57%2012.57%200%200%200%2016%203.385%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%230a0e1a%22%20d%3D%22m10.459%2013.083l2.333.875l-1.458%201.167zm11.083%200l-2.333.875l1.458%201.167z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%230a0e1a%22%20d%3D%22M16%2030c7.732%200%2014-6.268%2014-14S23.732%202%2016%202S2%208.268%202%2016s6.268%2014%2014%2014%22%2F%3E%3Cpath%20fill%3D%22%23d4af37%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16%202.656c7.37%200%2013.343%205.975%2013.344%2013.344c0%207.37-5.975%2013.343-13.344%2013.343C8.63%2029.343%202.656%2023.37%202.656%2016S8.63%202.656%2016%202.656M23.292%2016L16%2026.209L8.708%2016l-.874-9.615A12.59%2012.59%200%200%200%203.386%2016c0%206.967%205.647%2012.614%2012.614%2012.614S28.614%2022.967%2028.615%2016c0-3.852-1.728-7.301-4.45-9.615zM16%2011.783a2.48%202.48%200%200%200-2.415%203.04a2.5%202.5%200%200%200%20.738%201.264l-.656%205.747h4.666l-.656-5.747a2.478%202.478%200%200%200-.278-3.872A2.5%202.5%200%200%200%2016%2011.783m0-8.397c-3.112%200-5.96%201.126-8.16%202.994l5.535%203.495h5.25l5.534-3.495A12.57%2012.57%200%200%200%2016%203.385%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%230a0e1a%22%20d%3D%22m10.459%2013.083l2.333.875l-1.458%201.167zm11.083%200l-2.333.875l1.458%201.167z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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