Test React icon

file-icons:test-react

The Test React icon (file-icons:test-react) 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
Tags: testreact

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M383.774 366.437c0-20.897-22.628-34.029-40.632-23.58c-18.005 10.448-18.005 36.711 0 47.16s40.632-2.683 40.632-23.58m64.239-51.48c17.926-85.684-23.718-113.891-90.76-51.868c-63.099-59.155-110.268-39.227-91.147 51.477c-88.172 26.581-82.355 79.24.693 104.798c-19.002 83.534 18.73 115.257 90.433 52.158c69.552 62.382 108.712 31.88 89.725-52.562c90.584-30.713 82.439-77.711 1.056-104.002m-15.834-4.217c-14.21-3.206-25.463-5.082-39.448-6.355c-7.369-10.774-14.299-19.665-24.162-29.678c52.57-51.28 78.07-30.198 63.61 36.033M295.047 387.66c5.318 11.353 8.465 14.697 13.723 23.42c-8.563-.875-11.559-1.376-21.378-3.114c3.146-8.807 4.112-11.427 7.655-20.306m-.682-40.037c-3.911-9.39-5.174-12.546-8.09-20.983c10.137-2.1 13.854-3.171 22.466-3.823c-6.41 10.068-8.588 13.852-14.376 24.806m9.453 20.237c8.767-17.558 16.941-32.356 27.223-47.249c18.244-1.049 34.215-.97 52.057.345c10.007 13.943 18.25 28.774 27.226 46.924c-6.717 13.88-15.218 28.032-26.21 45.12c-18.353 1.39-35 1.185-54.115-.013c-9.688-14.842-17.72-28.637-26.18-45.127m115.206 19.553c3.482 8.448 4.427 11.14 7.409 19.895c-9.202 1.938-11.999 2.43-20.967 3.383c6.138-9.511 7.953-12.772 13.558-23.278m-13.51-64.39c9.775 1.337 12.902 1.947 22.006 3.957c-3.045 9.051-4.133 12.044-8.024 20.678c-5.55-10.945-7.564-14.565-13.983-24.636m-35.38-20.3c-11.166-.437-14.581-.417-26.115.007c5.05-6.64 6.746-8.648 12.919-15.864c6.016 6.494 7.702 8.546 13.195 15.858m-24.574-28.016c-9.863 10.013-16.792 18.546-24.16 29.32c-13.986 1.273-25.572 3.145-39.783 6.35c-14.265-67.404 9.287-85.812 63.943-35.67m-74.533 129.145c-66.979-20.493-71.086-52.74-.698-73.414c4.306 13.066 8.654 23.999 14.551 36.741c-5.73 13.178-9.959 24.309-13.853 36.673m11.962 19.736c12.667 3.107 23.64 4.112 37.703 5.608c8.46 11.94 15.571 21.17 24.878 30.753c-47.74 46.831-81.143 35.76-62.581-36.361m73.897 24.687c-6.486-6.717-8.797-9.57-14.54-17.83c12.802.27 17.625.313 29.387.013c-5.697 8.081-8.122 10.833-14.847 17.817m11.643 11.638c9.987-10.85 17.158-19.914 24.898-31.048c13.211-.972 24.127-2.56 37.686-5.654c16.631 67.474-11.178 85.726-62.584 36.702m74.219-56.79c-3.84-12.365-7.854-22.767-13.505-35.945c5.815-12.742 9.956-23.299 14.201-36.365c60.115 17.886 74.233 49.245-.696 72.31m-255.69-17.216H84.691l84.824-141.482h74.408c-4.096 16.01-4.176 26.745.162 51.474c-43.308 15.47-70.012 40.871-57.027 90.008M301.765 61.975H275.69v125.778l13.999 21.95c-9.606.903-18.368 4.369-25.62 10.1l-16.342-25V61.975h-81.854v132.828L33.914 413.611h149.55v27.595H27.494c-26.348 0-34.136-13.194-21.729-34.309L137.91 187.752V61.975h-26.075c-19.504 0-19.504-27.595 0-27.595h189.93c19.505 0 19.505 27.595 0 27.595"/></svg>

How to use the Test React icon

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:test-react" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:test-react" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:test-react" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--test-react]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:test-react"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:test-react"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/test-react.svg" alt="Test React icon" width="24" height="24">

Related icons in File Icons

Test React icon FAQ

Is the Test React 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 Test React icon in React?

Install @iconify/react and render <Icon icon="file-icons:test-react" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Test React icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/test-react.svg" alt="Test React icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →