Pascal icon

file-icons:pascal

The Pascal icon (file-icons:pascal) 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="M467.474 367.888c13.019 34.69 3.565 66.268-32.388 85.055c-35.038 18.309-72.814 29.427-111.323 38.1c-23.877 5.378-48.04 8.776-72.355 11.045c-22.536 2.103-43.82-1.988-61.9-16.473c-14.954-11.981-24.11-28.026-26.76-46.847c-1.63-11.572 2.783-21.956 13.8-28.136c14.474-8.12 24.721-19.62 29.522-35.749c1.301-4.372 1.623-8.448.612-13.034c-2.416-10.95-2.787-22.036.929-32.863c5.735-16.71 17.842-27.745 33.378-34.703c9.743-4.363 45.958-14.063 53.722-15.59c6.813-1.339 13.777-1.912 20.674-2.824c17.292-.208 32.678 4.643 46.141 15.459c8.36 6.715 14.45 15.238 18.573 24.98c2.486 5.877 6.424 10.004 11.388 13.628c12.433 9.078 26.156 14.133 41.67 13.955c17.156-.196 28.677 8.97 34.317 23.997M239.38 102.442c4.769 6.653 6.947 13.441 6.535 21.277c-.331 6.319-.743 12.66-1.635 18.917c-3.073 21.556 8.923 41.62 29.42 45.88c26.224 5.453 49.906.195 67.929-21.36c9.573-11.45 14.223-24.44 11.921-39.695c-1.55-10.275-5.192-19.63-10.645-28.275c-11.81-18.725-27.562-33.075-47.836-41.73c-11.943-22.55-29.094-41.119-44.88-48.06c-2.74 7.234-1.741 12.975 3.237 17.864c7.15 7.022 9.9 15.741 10.695 25.343c-6.857 1.867-13.477 3.038-19.595 5.473c-11.133 4.433-16.157 13.72-13.274 25.275c1.663 6.665 4.181 13.586 8.128 19.091M100.465 166.77c3.201 26.838 19.092 46.857 46.266 54.242c25.64 6.967 47.685.893 66.831-16.79c6.894-6.367 10.367-14.737 8.55-24.09c-1.248-6.427-3.413-12.992-6.672-18.624c-3.607-6.234-8.8-11.586-13.534-17.124c-7.83-9.16-14.224-19.785-12.781-32.636c-2.713-23.742-17.497-34.49-40.74-28.069c-3.287.908-6.634 1.597-10.082 2.418c-5.853-8.481-9.145-17.065-7.942-27.137c.848-7.103-2.925-11.657-8.816-14.975c-8.126 12.304-10.721 39.743-5.772 59.935c-13.05 19.401-18.025 40.066-15.308 62.85m392.9-.396c-2.072-2.734-4.407-4.956-4.955-8.864c-2.489-17.734-10.975-32.946-21.074-47.352c-1.156-1.65-3.05-2.784-5.45-4.91c-3.713 6.49-5.692 11.829-2.447 18.462c3.39 6.93 5.357 14.26 2.009 22.572c-20.038-2.217-31.914 4.125-38.246 22.652c-6.718 19.657-20.834 45.074-29.242 63.89c-7.887 17.652-2.007 32.2 14.411 42.601c21.725 13.762 44.452 15.328 68.014 4.814c16.7-7.451 28.229-19.812 32.638-37.42c6.943-27.726 1.75-53.47-15.659-76.445M144.731 306.009c-5.717-5.352-12.501-9.737-19.287-13.738c-16.667-9.825-44.765-27.832-61.219-38.321c-12.706-8.1-26.68-5.532-40.591 10.802c-4.706-3.953-7.566-8.944-8.185-14.694c-.875-8.12-6.198-11.856-13.737-15.914c-.71 3.374-1.844 5.99-1.7 8.535c.91 16.208 2.814 32.212 10.564 46.934c1.423 2.704 2.304 5.88 2.658 8.929c1.824 15.715 6.655 30.375 15.398 43.556c17.286 26.06 40.356 40.704 72.93 36.418c22.82-3.002 39.602-14.364 49.632-35.209c6.8-14.132 4.94-26.625-6.463-37.298"/></svg>

How to use the Pascal icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Pascal icon in other icon sets

Pascal icon FAQ

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

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

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

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

Browse all File Icons →