Perl icon

devicon:perl

The Perl icon (devicon:perl) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon icons are released under the MIT 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: Devicon
Author: konpa
License: MIT
Size: 128 × 128

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><g fill="none"><path fill="#fff" d="M121.172 62.878c0-34.048-26.473-61.648-59.135-61.648C29.379 1.23 2.9 28.83 2.9 62.878s26.478 61.651 59.136 61.651c32.662 0 59.135-27.603 59.135-61.651z"/><path fill="#212178" d="M53.34 127.516c-13.91-2.461-25.842-8.812-35.703-19.006C9.25 99.842 3.477 88.928.853 76.763c-1.137-5.256-1.137-20.287 0-25.54C2.629 43 6.075 34.835 10.776 27.714C13.89 23 23.004 13.888 27.716 10.773c7.123-4.7 15.293-8.15 23.514-9.921c5.253-1.137 20.286-1.137 25.543 0C89.58 3.617 100.225 9.4 109.41 18.585c9.187 9.186 14.97 19.828 17.739 32.639c1.133 5.252 1.133 20.283 0 25.54c-2.769 12.806-8.552 23.448-17.739 32.634c-9.038 9.041-19.55 14.812-32.147 17.65c-4.467 1.009-19.238 1.297-23.923.468m11.567-12.772c0-4.194-.062-4.497-.907-4.497c-.838 0-.904.288-.869 3.897c.043 4.264.343 5.572 1.211 5.284c.401-.132.565-1.491.565-4.684m-6.757 1.445c1.192-1.196 1.542-1.92 1.542-3.209c0-1.316-.16-1.635-.763-1.519c-.417.078-.919.76-1.114 1.507c-.194.748-1 1.904-1.783 2.57c-1.418 1.196-1.472 2.192-.125 2.192c.386 0 1.394-.697 2.243-1.541m14.943 1.047c.167-.269-.339-1.036-1.122-1.698c-.786-.666-1.589-1.822-1.783-2.57c-.199-.747-.701-1.429-1.118-1.507c-.6-.116-.76.203-.76 1.519c0 2.609 3.743 5.942 4.783 4.256m-20.66-8.146c0-.261-.634-.822-1.41-1.246c-5.054-2.769-10.985-7.176-14.28-10.61c-6.433-6.71-9.33-13.388-9.4-21.678c-.048-5.54.665-8.43 3.364-13.605c2.609-5.004 5.631-8.78 13.95-17.421c9.287-9.653 11.425-12.2 13.038-15.533c1.148-2.367 1.3-3.231 1.46-8.235c.199-6.215-.18-10.506-.927-10.506c-.339 0-.401 1.612-.21 5.234c.623 11.592-1.53 15.19-14.892 24.881c-9.202 6.674-13.424 10.3-16.613 14.264c-4.518 5.61-6.52 10.466-7.018 17.05c-1.207 15.868 8.848 29.629 26.59 36.385c3.914 1.487 6.348 1.881 6.348 1.02m30.7-1.285c6.098-2.543 10.736-5.615 15.11-10.007c6.667-6.701 9.439-12.967 9.856-22.242c.362-8.134-1.402-13.515-6.437-19.61c-3.45-4.173-7.162-7.16-17.174-13.81c-13.47-8.953-16.633-12.516-16.633-18.746c0-1.658.3-4.006.662-5.217c.623-2.068.608-3.493-.02-1.862c-.591 1.546-1.947.837-2.675-1.41l-.7-2.152l.264 2.04c.942 7.242 1.06 10.276.642 16.615c-.564 8.57-1.616 14.427-4.51 25.076c-2.87 10.572-3.387 14.404-3.029 22.476c.3 6.825 1.254 11.93 3.474 18.593c2.06 6.183 2.445 6.654 6.235 7.624c2.083.533 4.058 1.433 5.627 2.566c1.476 1.067 2.952 1.76 3.781 1.775c.748.012 3.237-.755 5.526-1.709zm-1.371-3.076c-.565-.565-.3-1.048 1.912-3.493c6.97-7.694 10.094-15.641 10.183-25.906c.063-6.993-1.483-11.627-6.2-18.593c-2.13-3.15-9.634-11.008-13.263-13.893c-2.66-2.114-5.398-5.72-5.885-7.76c-.494-2.068.892-1.523 2.496.98c.787 1.227 2.493 3.03 3.79 4.004c1.296.977 5.132 3.835 8.524 6.355c11.664 8.671 16.859 16.066 18.023 25.672c.678 5.556-.397 11.3-3.107 16.634c-2.812 5.525-7.937 11.545-12.326 14.477c-2.703 1.803-3.556 2.115-4.147 1.523m-22.837.584c.133-.343-1.036-2.535-2.593-4.875c-4.128-6.191-5.924-9.606-7.598-14.454c-1.414-4.085-1.492-4.641-1.504-10.883c-.015-9.431 1.005-12.422 8.49-24.85c7.057-11.718 8.015-16.258 7.22-34.286c-.288-6.46-.611-11.838-.72-11.95c-.744-.744-.904 1.172-.627 7.67c.545 12.94-.292 20.147-3.018 26.062c-1.858 4.026-3.938 7.075-9.53 14.002c-7.788 9.637-9.985 14.75-9.946 23.126c.031 5.743.806 9.275 3.127 14.185c2.512 5.32 7.135 10.689 12.93 15.011c2.667 1.994 3.391 2.231 3.77 1.242z"/></g></svg>

How to use the Perl icon

React

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

<Icon icon="devicon:perl" width="24" />

Vue

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

<template>
  <Icon icon="devicon:perl" width="24" />
</template>

Svelte

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

<Icon icon="devicon:perl" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--perl]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="devicon:perl"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/devicon/perl.svg" alt="Perl icon" width="24" height="24">

Perl icon in other icon sets

Perl icon FAQ

Is the Perl icon free for commercial use?

Yes. Devicon icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Perl icon in React?

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

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

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

Browse all Devicon icons →