Odin icon
devicon-plain:odin
The Odin icon (devicon-plain:odin) is a free SVG icon from the Devicon Plain set by konpa. It is drawn on a 128 × 128 grid. Devicon Plain 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 Plain
- Author
- konpa
- License
- MIT
- Size
- 128 × 128
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M27.57 116.52c-2.453-1.684-4.39-3.313-4.39-3.313L86.219 4.02s2.594.96 4.738 1.988a95 95 0 0 1 4.941 2.558c30.555 17.641 41.04 56.774 23.399 87.329c-17.64 30.558-56.774 41.043-87.328 23.402c0 0-2.14-1.23-4.399-2.777m63-98.727L37.293 110.07c25.465 14.7 58.074 5.961 72.777-19.5c14.7-25.465 5.965-58.074-19.5-72.777m-79.097 82.695c-2.145-3.101-2.907-4.59-2.907-4.59c-11.011-19.128-11.82-43.457 0-63.933C20.386 11.492 41.86.027 63.934 0c0 0 2.98-.008 5.46.23c3.739.36 6.223.84 6.223.84L15.332 105.488s-1.43-1.48-3.86-5m46.082-89.441C41.488 13 26.5 22.215 17.793 37.293c-8.707 15.082-9.191 32.668-2.848 47.559Zm0 0"/></svg>
How to use the Odin icon
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:odin" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:odin" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:odin" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--odin]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:odin"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:odin"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/devicon-plain/odin.svg" alt="Odin icon" width="24" height="24">
Related icons in Devicon Plain
Odin icon in other icon sets
Odin icon FAQ
Is the Odin icon free for commercial use?
Yes. Devicon Plain icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Odin icon in React?
Install @iconify/react and render <Icon icon="devicon-plain:odin" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Odin icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon-plain/odin.svg" alt="Odin icon">, or paste the SVG code inline to style it with CSS.
Browse all Devicon Plain icons →
ICONYZ
