File gif icon

Use it

import { FileGifIcon } from '@nodo-icons/react';

<FileGifIcon size={24} />

<script setup>
import { FileGifIcon } from '@nodo-icons/vue';
</script>

<template><FileGifIcon :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="M7.59 15.63C7.48 15.49 7.34 15.37 7.19 15.27C7.04 15.18 6.88 15.11 6.7 15.06C6.53 15.01 6.35 14.99 6.17 15C6 15.01 5.82 15.04 5.65 15.11C5.48 15.17 5.33 15.25 5.18 15.36C5.04 15.47 4.92 15.6 4.82 15.75C4.71 15.89 4.63 16.05 4.58 16.22C4.53 16.39 4.5 16.57 4.5 16.75V19.25C4.5 19.43 4.53 19.62 4.59 19.79C4.64 19.97 4.73 20.13 4.83 20.28C4.94 20.43 5.07 20.56 5.22 20.67C5.37 20.77 5.53 20.86 5.71 20.91C5.88 20.97 6.07 21 6.25 21C6.43 21 6.62 20.97 6.79 20.91C6.97 20.86 7.13 20.77 7.28 20.67C7.43 20.56 7.56 20.43 7.67 20.28C7.77 20.13 7.86 19.97 7.91 19.79C7.97 19.62 8 19.43 8 19.25V18h-1.5"/><path d="M10.75 15h2.5M12 15V21M10.75 21h2.5"/><path d="M19.25 15H16V21M16 18h2.5"/></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 { FileGifIcon } from '@nodo-icons/react-pro/duotone';

<FileGifIcon size={24} />

npm install @nodo-icons/react · Pro: setup with your license key · AI agents: npx @nodo-icons/mcp