Deno Dark icon
thesvg-color:deno-dark
The Deno Dark icon (thesvg-color:deno-dark) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 441 × 441 grid. theSVG Color 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 441 × 441
- Tags
- denodark
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="441" height="441" viewBox="0 0 441 441"><path fill="#fff" fill-rule="evenodd" d="M229.858-2.62c121.29 5.675 215.154 108.755 209.479 230.045S330.582 442.578 209.292 436.903S-5.863 328.149-.188 206.859S108.568-8.296 229.858-2.62m51.365 264.922c-13.886-.687-27.594-3.012-38.616-4.857c-8.381-1.404-16.33-3.616-22.855-5.858a2.58 2.58 0 0 0-2.932.878c-.678.905-.777 2.22-.02 3.061c3.08 3.418 12.848 10.54 20.439 13.812c-6.491 5.357-10.933 17.608-12.684 23.95c-2.35 8.51-2.687 20.801-2.12 25.312c2.282 18.146 8.95 34.41 25.467 48.64c11.562 9.96 28.295 16.77 45.399 17.08c23.603.426 51.882-9.705 74.085-32.493c29.028-31.807 48.051-73.17 51.593-119.393c8.434-110.06-74.073-206.264-184.134-214.698S28.582 91.81 20.147 201.87c-4.368 56.998 15.655 110.28 51.267 149.576a3.185 3.185 0 0 0 5.422-2.974c-26.39-103.487 30.95-215.162 94.926-250.494c23.751-13.118 46.884-18.1 67.664-9.69c31.814 12.874 50 34.21 89.375 52.163c39.375 17.951 43.625 47.862 32.64 78.098c-10.986 30.236-46.358 45.425-80.218 43.753m-68.863-160.08c-12.906 1.006-21.384 16.978-22.497 27.253c-1.117 10.275 3.978 27.236 20.794 26.91c19.694-.383 25.681-17.238 23.525-33.55c-1.618-12.25-11.033-21.456-21.822-20.613"/></svg>How to use the Deno Dark icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:deno-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:deno-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:deno-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--deno-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:deno-dark"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:deno-dark"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/deno-dark.svg" alt="Deno Dark icon" width="24" height="24">Related icons in theSVG Color
Deno Dark icon in other icon sets
Deno Dark icon FAQ
Is the Deno Dark icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Deno Dark icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:deno-dark" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Deno Dark icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/deno-dark.svg" alt="Deno Dark icon">, or paste the SVG code inline to style it with CSS.