Deno icon

file-icons:deno

The Deno icon (file-icons:deno) 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="M59.054 374.272C10.217 315.109 1.349 259.542.049 211.719c-1.057-38.855 15.02-70.286 42.341-97.093C78.82 78.88 123.892 61.304 172.052 47.74c49.026-13.808 95.028-5.487 140.952 11.08c17.12 6.175 34.878 10.542 51.432 18.324c39.35 18.499 73.542 44.264 104.79 74.19c19.55 18.722 34.512 40.214 40.198 67.22c4.193 19.915 2.679 40.02-.366 59.708c-5.924 38.303-19.852 73.647-43.517 104.773c-13.669 17.978-30.126 33.474-47.948 46.8c-13.453 10.06-26.096 21.553-40.117 30.862c-.722-2.428-.708-5.121.512-7.656c4.202-8.724 3.443-17.947 3.382-29.666c-3.384-36.3-8.491-75.049-10.224-113.947c-1.933-43.388-10.591-78.864-34.418-113.76c-11.545-16.908-29.658-33.707-48.58-44.253c-26.995-12.006-29.262-16.434-85.742-8.824c-29.88 5.639-61.105 14.155-92.881 32.472c0 0 4.079 2 8.895 6.692c3.304 3.22 3.628 7.268 1.84 12.675c-1.47 4.442-4.472 7.644-9.63 7.277c-7.594-.542-12.413-5.497-12.88-10.633c-.225-2.46-.424-6.862 1.711-9.984c-19.553 15.114-28.64 29.088-35.768 46.862c-2.722 6.787-2.036 13.7-.958 20.68c3.81 24.678 27.244 40.713 46.709 44.699c13.96 2.859 28.344 3.932 42.598 5c31.42 2.353 69.34-9.157 98.582-19.052c6.043-2.045 15.766-5.801 18.89 4.119c3.215 10.207-10.78 15.447-17.62 17.139c-8.15 2.016-24.562 8.758-24.562 8.758c9.813 58.603 10.592 110.87 4.683 161.926c-21.575-2.029-51.981-8.507-68.665-13.824c-31.768-10.124-52.597-20.496-104.296-83.125M177.91 186.488c-8.604.257-16.533 3.115-17.484 13.512c-.817 8.937 4.617 12.796 12.814 13.115c9.279.362 15.998-3.049 17.37-13.047c.128-8.875-4.306-13.831-12.7-13.58"/></svg>

How to use the Deno icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Deno icon in other icon sets

Deno icon FAQ

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

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

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

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

Browse all File Icons →