File c icon
Free in the Linear style (MIT). Available in 10 styles with Nodo Icons Pro.
All styles
Pro styles are shown as image previews. Change size, color and stroke →
Use it
import { FileCIcon } from '@nodo-icons/react';
<FileCIcon size={24} />
<script setup>
import { FileCIcon } from '@nodo-icons/vue';
</script>
<template><FileCIcon :size="24" /></template>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 12V5.5A2.5 2.5 0 0 1 7 3h7l5.5 5.5V12"/><path d="M14 3v3.5a2 2 0 0 0 2 2h3.5"/><path d="M13.34 15.63C13.23 15.49 13.09 15.37 12.94 15.27C12.79 15.18 12.63 15.11 12.45 15.06C12.28 15.01 12.1 14.99 11.92 15C11.75 15.01 11.57 15.04 11.4 15.11C11.23 15.17 11.08 15.25 10.93 15.36C10.79 15.47 10.67 15.6 10.57 15.75C10.46 15.89 10.38 16.05 10.33 16.22C10.28 16.39 10.25 16.57 10.25 16.75V19.25C10.25 19.43 10.28 19.61 10.33 19.78C10.38 19.95 10.46 20.11 10.57 20.25C10.67 20.4 10.79 20.53 10.93 20.64C11.08 20.75 11.23 20.83 11.4 20.89C11.57 20.96 11.75 20.99 11.92 21C12.1 21.01 12.28 20.99 12.45 20.94C12.63 20.89 12.79 20.82 12.94 20.73C13.09 20.63 13.23 20.51 13.34 20.37"/></svg>
# .npmrc — your license key in the NODO_LICENSE_KEY env variable
@nodo-icons:registry=https://nodoicons.com/npm/
//nodoicons.com/npm/:_authToken=${NODO_LICENSE_KEY}
npm install @nodo-icons/react-pro
import { FileCIcon } from '@nodo-icons/react-pro/duotone';
<FileCIcon size={24} />
npm install @nodo-icons/react · Pro: setup with your license key · AI agents: npx @nodo-icons/mcp
Related icons
Get all 10 styles
Every icon in Linear, Light, Bold, Sharp, Twotone, Duotone, Bulk, Solid, Contained and Soft. Pay once, free updates forever.