File Contract icon
uil:file-contract
The File Contract icon (uil:file-contract) is a free SVG icon from the Unicons set by Iconscout. It is drawn on a 24 × 24 grid. Unicons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Unicons
- Author
- Iconscout
- License
- Apache-2.0
- Size
- 24 × 24
- Category
- File And Folder
- Tags
- filecontract
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.2 15c-.2.1-.4.1-.6.2c-.1-.2-.2-.4-.3-.5c-.8-.7-2-.8-3-.2C8.5 15 8 16 8 17c0 .5.5 1 1 .9c.5 0 1-.5 1-1c0-.3.1-.5.3-.7c.1 0 .2-.1.3-.1c-.3.6-.1 1.3.5 1.7c.2.1.3.1.5.1c.4 0 .8-.2 1.1-.5c.1-.1.3-.2.5-.3c.1.4.5.8 1 .8h.8c.6 0 1-.4 1-1c0-.5-.4-.9-.9-1c-.1-.2-.1-.3-.3-.5c-.3-.3-1-.5-1.6-.4M20 8.9c0-.1 0-.2-.1-.3v-.1c0-.1-.1-.2-.2-.3l-6-6c-.1-.1-.2-.1-.3-.2h-.1c-.1 0-.2 0-.3-.1H7C5.3 2 4 3.3 4 5v14c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3zq0 .15 0 0m-6-3.5L16.6 8H15c-.6 0-1-.4-1-1zM18 19c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1V5c0-.6.4-1 1-1h5v3c0 1.7 1.3 3 3 3h3zm-9-9h1c.6 0 1-.4 1-1s-.4-1-1-1H9c-.6 0-1 .4-1 1s.4 1 1 1"/></svg>How to use the File Contract icon
React
import { Icon } from "@iconify/react";
<Icon icon="uil:file-contract" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="uil:file-contract" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="uil:file-contract" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[uil--file-contract]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/uil -->
<div class="i-uil:file-contract"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="uil:file-contract"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/uil/file-contract.svg" alt="File Contract icon" width="24" height="24">Related icons in Unicons
file
file-alt
file-blank
file-block-alt
file-bookmark-alt
file-check
file-check-alt
file-contract-dollar
file-copy-alt
file-download
file-download-alt
file-edit-alt
file-exclamation
file-exclamation-alt
file-export
file-graph
file-heart
file-import
file-info-alt
file-landscape
file-landscape-alt
file-lanscape-slash
file-lock-alt
file-medical
File Contract icon in other icon sets
File Contract icon FAQ
Is the File Contract icon free for commercial use?
Yes. Unicons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the File Contract icon in React?
Install @iconify/react and render <Icon icon="uil:file-contract" />, or use “Copy code” on this page to get a standalone React component.
How do I add the File Contract icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/uil/file-contract.svg" alt="File Contract icon">, or paste the SVG code inline to style it with CSS.