# File webp icon — Nodo Icons

- Name: `file-webp`
- Category: files
- Tags: webp, web image, optimized image
- Free style: Linear (MIT). Pro styles: Light, Bold, Sharp, Twotone, Duotone, Bulk, Solid, Contained, Soft.
- Page: https://nodoicons.com/icons/file-webp/
- SVG (Linear): https://nodoicons.com/svg/linear/file-webp.svg

## React

```jsx
import { FileWebpIcon } from '@nodo-icons/react';

<FileWebpIcon size={24} />
```

## Vue

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

<template><FileWebpIcon :size="24" /></template>
```

## SVG (Linear)

```svg
<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="M6.5 11.5 9.5 7.25l2.25 3 1.25-1.5 2.25 2.75"/><path d="M3 15V21l1.5-3 1.5 3V15"/><path d="M10.75 15H8.25V21h2.5M8.25 18h1.75"/><path d="M13 18H14.25C14.41 18 14.56 17.98 14.71 17.93C14.86 17.88 15 17.81 15.13 17.71C15.26 17.62 15.37 17.51 15.46 17.38C15.56 17.25 15.63 17.11 15.68 16.96C15.73 16.81 15.75 16.66 15.75 16.5C15.75 16.34 15.73 16.19 15.68 16.04C15.63 15.89 15.56 15.75 15.46 15.62C15.37 15.49 15.26 15.38 15.13 15.29C15 15.19 14.86 15.12 14.71 15.07C14.56 15.02 14.41 15 14.25 15H13V21h1.25C14.41 21 14.56 20.98 14.71 20.93C14.86 20.88 15 20.81 15.13 20.71C15.26 20.62 15.37 20.51 15.46 20.38C15.56 20.25 15.63 20.11 15.68 19.96C15.73 19.81 15.75 19.66 15.75 19.5C15.75 19.34 15.73 19.19 15.68 19.04C15.63 18.89 15.56 18.75 15.46 18.62C15.37 18.49 15.26 18.38 15.13 18.29C15 18.19 14.86 18.12 14.71 18.07C14.56 18.02 14.41 18 14.25 18"/><path d="M18 21V15h1.25C19.43 15 19.62 15.03 19.79 15.09C19.97 15.14 20.13 15.23 20.28 15.33C20.43 15.44 20.56 15.57 20.67 15.72C20.77 15.87 20.86 16.03 20.91 16.21C20.97 16.38 21 16.57 21 16.75C21 16.93 20.97 17.12 20.91 17.29C20.86 17.47 20.77 17.63 20.67 17.78C20.56 17.93 20.43 18.06 20.28 18.17C20.13 18.27 19.97 18.36 19.79 18.41C19.62 18.47 19.43 18.5 19.25 18.5H18"/></svg>
```

## Pro styles

With Nodo Icons Pro: `import { FileWebpIcon } from '@nodo-icons/react-pro/<style>'`, where `<style>` is one of light, bold, sharp, twotone, duotone, bulk, solid, contained, soft. The Pro packages install from the Nodo Icons registry with your license key: https://nodoicons.com/docs/#nodo-icons-pro-in-react-and-vue. Pricing: https://nodoicons.com/#pricing

## Related icons

- [case-file](https://nodoicons.com/icons/case-file/index.md)
- [file](https://nodoicons.com/icons/file/index.md)
- [file-3d](https://nodoicons.com/icons/file-3d/index.md)
- [file-7z](https://nodoicons.com/icons/file-7z/index.md)
- [file-attachment](https://nodoicons.com/icons/file-attachment/index.md)
- [file-audio](https://nodoicons.com/icons/file-audio/index.md)
- [file-avi](https://nodoicons.com/icons/file-avi/index.md)
- [file-binary](https://nodoicons.com/icons/file-binary/index.md)
- [file-blank](https://nodoicons.com/icons/file-blank/index.md)
- [file-bmp](https://nodoicons.com/icons/file-bmp/index.md)
- [file-bookmark](https://nodoicons.com/icons/file-bookmark/index.md)
- [file-broken](https://nodoicons.com/icons/file-broken/index.md)