Precision icon
file-icons:precision
The Precision icon (file-icons:precision) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC 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
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M372.396 256c0 64.284-52.112 116.396-116.396 116.396S139.604 320.284 139.604 256S191.716 139.604 256 139.604S372.396 191.716 372.396 256M286.63 61.825c83.906 13.186 150.36 79.639 163.545 163.544H512C498 107.638 404.362 14.001 286.63 0zM61.825 225.37C75.01 141.464 141.463 75.011 225.369 61.825V0C107.637 14 14.001 107.638 0 225.37zm388.35 61.26c-13.185 83.907-79.639 150.36-163.545 163.546V512C404.362 498 498 404.362 512 286.63zM225.37 450.176C141.463 436.99 75.01 370.536 61.825 286.63H0C14 404.362 107.637 498 225.37 512z"/></svg>How to use the Precision icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:precision" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:precision" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:precision" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--precision]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:precision"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:precision"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/precision.svg" alt="Precision icon" width="24" height="24">Precision icon FAQ
Is the Precision icon free for commercial use?
Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Precision icon in React?
Install @iconify/react and render <Icon icon="file-icons:precision" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Precision icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/precision.svg" alt="Precision icon">, or paste the SVG code inline to style it with CSS.