Heimdall icon
thesvg-color:heimdall
The Heimdall icon (thesvg-color:heimdall) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 346 × 434 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
- 346 × 434
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="346" height="434" viewBox="0 0 346 434"><path fill="none" d="M-1-1h348v436H-1z"/><path d="M221.227 397.119V372.2l8.552-26.577C289.647 286.3 336.686 230.776 345 213.691l-10.215 3.56s9.5-11.864 8.552-18.51c-7.6-116.273-73.17-176.862-91.226-191.732c26.607 31.955 19.326 42.4 19.326 42.4C259.714 27.576 235.64 6.377 230.888 1l-5.7 33.853c22.806 13.289 16.79 20.882 16.79 20.882c-5.387-7.594-19.957-14.235-19.957-14.235l-1.586 9.491c6.973 3.165 38.327 22.149 38.565 70.872c0 59.323-33.735 74.985-39.674 77.357c-19.718-11.865-41.1-11.627-46.326-12.1c-5.226.474-26.608.236-46.324 12.1C120.735 196.844 87 181.182 87 121.859c.238-48.723 31.6-67.707 38.564-70.872l-1.581-9.487s-14.574 6.644-19.955 14.238c0 0-6.022-7.593 16.786-20.882L115.112 1c-4.752 5.378-28.824 26.577-40.543 48.407c0 0-7.288-10.443 19.32-42.4c-18.054 14.87-83.625 75.459-91.226 191.732c-.95 6.646 8.554 18.51 8.554 18.51L1 213.691c8.316 17.085 55.355 72.612 115.221 131.935l8.554 26.577v24.916l-7.6-26.577l-17.345-28.475v28.95C106.957 391.186 134.751 432 134.751 432v-84.475L28.32 231.488s66.52 54.1 85.526 73.56l9.978-10.2c-12.355-8.78-66.045-62.646-70.8-110.1c40.388 85.426 79.111 96.1 107.62 129.325v8.127h24.707v-8.131c28.508-33.221 67.233-43.9 107.619-129.325c-4.75 47.459-58.442 101.325-70.8 110.1l9.976 10.2c19.006-19.458 85.526-73.56 85.526-73.56L211.249 347.525V432s27.8-40.815 34.923-60.984v-28.95l-17.343 28.475zM173 295.083c-17.818-11.865-63.668-39.629-82.672-83.053a314 314 0 0 0 34.447 34.882s-1.189-30.61 1.186-37.255c4.276 36.781 13.068 52.442 47.039 71.9c33.973-19.458 42.763-35.119 47.039-71.9c2.375 6.645 1.188 37.255 1.188 37.255a314 314 0 0 0 34.447-34.882c-19.006 43.424-64.856 71.188-82.674 83.053" class="cls-1"/></svg>How to use the Heimdall icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:heimdall" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:heimdall" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:heimdall" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--heimdall]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:heimdall"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:heimdall"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/heimdall.svg" alt="Heimdall icon" width="24" height="24">Heimdall icon in other icon sets
Heimdall icon FAQ
Is the Heimdall 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 Heimdall icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:heimdall" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Heimdall icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/heimdall.svg" alt="Heimdall icon">, or paste the SVG code inline to style it with CSS.