File heic icon

Use it

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

<FileHeicIcon size={24} />

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

<template><FileHeicIcon :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="M3.25 15V21M6.25 15V21M3.25 18h3"/><path d="M12 15H9V21h3M9 18h2.25"/><path d="M14.75 15V21"/><path d="M20.15 15.54C20.05 15.42 19.93 15.32 19.81 15.23C19.68 15.15 19.54 15.09 19.39 15.05C19.24 15.01 19.09 14.99 18.93 15C18.78 15.01 18.63 15.04 18.49 15.09C18.34 15.14 18.21 15.22 18.09 15.31C17.97 15.4 17.86 15.51 17.77 15.64C17.68 15.76 17.62 15.9 17.57 16.05C17.52 16.19 17.5 16.35 17.5 16.5V19.5C17.5 19.65 17.52 19.81 17.57 19.95C17.62 20.1 17.68 20.24 17.77 20.36C17.86 20.49 17.97 20.6 18.09 20.69C18.21 20.78 18.34 20.86 18.49 20.91C18.63 20.96 18.78 20.99 18.93 21C19.09 21.01 19.24 20.99 19.39 20.95C19.54 20.91 19.68 20.85 19.81 20.77C19.93 20.68 20.05 20.58 20.15 20.46"/></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 { FileHeicIcon } from '@nodo-icons/react-pro/duotone';

<FileHeicIcon size={24} />

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