Rascal icon

file-icons:rascal

The Rascal icon (file-icons:rascal) 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

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="M471.96 224.44c-16.845 17.266-79.243 64.09-79.243 64.09c22.631-23.653 38.257-54.688 49.087-88.6c7.515 3.165 17.567 3.372 28.237 2.858c-9.635-2.703-17.868-7.736-24.437-15.54l.042-.148c19.051 2.842 36.531-1.738 48.99-12.834c-15.03 5.465-35.235 5.378-44.748-2.22c-.855-4.1 21.349-3.758 36.55-18.96c-13.454 6.242-25.453 8.669-33.778 4.958q.336-1.631.662-3.267c21.744-13.553 41.242-45.447 44.57-81.18c12.638-1.822 3.303-35.913-20.246-24.382c-14.91 7.3-2.191 26.766 8.157 26.25c0 0 3.197 37.302-42.485 66.408c-10.673-9.508-26.968-18.7-46.27-26.801c7.855-6.19 19.275-7.083 36.37.455c-15.328-12.194-29.252-9.66-42.79-3.066q-1.224-.483-2.462-.96c3.822-15.402 13.702-24.475 33.828-20.98c-12.085-4.664-30.036.002-48.645 15.648q-1.054-.354-2.114-.703c3.727-7.415 20.11-22.261 12.932-39.444c2.323 20.053-10.434 26.326-31.57 33.794q-.94-.26-1.882-.517c7.094-17.707 2.85-31.732-18.719-40.131c20.561 12.057 16.57 22.774 1.015 33.045c1.419-7.916-6.273-14.633-22.656-20.206c11.898 7.18 15.023 13.961 11.19 20.424c-10.243-2.032-20.476-3.662-30.458-4.814c-31.085-22.209-66.361-41.993-65.156-60.938c10.825-1.575 23.363-23.128-3.093-22.122c-32.541 1.238-8.963 21.088-8.963 21.088c4.447 22.492 24.285 51.497 42.904 63.084a440 440 0 0 0-10.322 19.935c-6.862-1.175-21.847-12.723-36.355-26.436c16.163 19.085 27.625 34.952 27.896 43.162c-18.628-6.657-35.49-11.695-54.505-32.789c8.584 18.017 29.346 37.026 44.176 48.149c-9.269 2.913-17.68 1.22-35.156-5.755c19.242 19.407 26.65 22.983 35.65 19.658c-7.434 24.569-10.46 47.964-8.984 70.942C154.162 105.534 96.192 36.905 46.336 27.504c-31.737 4.443-74.264 180.264 8.251 238.025c-7.754 25.372-7.196 45.386 5.713 55.221c13.33 10.156 72.037 4.274 75.755-8.882c6.489 1.617 11.567 3.47 14.3 5.72C32.583 429.29 52.048 510.535 0 502.918c82.938 10.58 212.847 5.925 284.163-48.51c19.028 3.233 30.665-3.537 41.667-14.751c22.427 15.868 71.936 19.254 87.17-.635c3.173-1.904 5.914-32.845 5.924-50.144c42.21-22.427 85.689-117.637 93.076-195.953c-10.591-15.5-29.707 20.924-40.04 31.515"/></svg>

How to use the Rascal icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="file-icons:rascal"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/rascal.svg" alt="Rascal icon" width="24" height="24">

Rascal icon FAQ

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

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

How do I add the Rascal icon to a web page?

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

Browse all File Icons →