Viadeo icon
el:viadeo
The Viadeo icon (el:viadeo) is a free SVG icon from the Elusive Icons set by Team Redux. It is drawn on a 1200 × 1200 grid. Elusive Icons are released under the Open Font 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
- Elusive Icons
- Author
- Team Redux
- License
- OFL-1.1
- Size
- 1200 × 1200
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="m551.104 0l161.912 346.347C715.318 258.753 642.125 52.008 551.104 0m506.718 24.356c-2.346.21-4.85 2.874-7.557 8.217c-36.746 67.145-100.152 107.015-159.418 123.69c-60.256 16.911-122.928 57.26-145.92 103.001c-26.859 62.373-15.342 111.877 10.785 168.075c32.949-4.992 65.922-17.72 93.832-31.105c71.59-34.855 133.605-89.476 173.943-153.402c16.221-25.709 19.395-21.096 5.428 7.85c-26.299 54.5-112.469 130.87-220.676 195.659c-24.117 14.44-24.473 14.938-13.646 24.356c34.631 30.131 72.586 48.366 107.037 51.28c149.416.688 213.553-159.392 217.742-270.637c-1.113-72.184-13.322-165.462-57.518-224.711c-1.34-1.685-2.625-2.399-4.032-2.273M513.175 334.902c-238.308 0-432.548 194.24-432.548 432.549C80.626 1005.76 274.868 1200 513.175 1200c238.309 0 432.477-194.24 432.477-432.549c0-59.577-12.064-116.655-33.969-168.441l-90.75 38.369c16.891 39.929 26.266 83.804 26.266 130.072c0 179.681-140.414 325.314-317.957 333.655C734.705 960.734 827.717 597.2 717.859 366.082c8.727 158.612 1.566 590.192-244.007 733.118c-166.393-19.355-294.772-159.99-294.772-331.748c0-185.076 149.02-334.022 334.096-334.022c46.27 0 89.997 9.229 129.926 26.117l38.441-90.603c-51.785-21.905-108.791-34.042-168.368-34.042"/></svg>
How to use the Viadeo icon
React
import { Icon } from "@iconify/react";
<Icon icon="el:viadeo" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:viadeo" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:viadeo" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--viadeo]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:viadeo"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:viadeo"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/el/viadeo.svg" alt="Viadeo icon" width="24" height="24">
Viadeo icon in other icon sets
Viadeo icon FAQ
Is the Viadeo icon free for commercial use?
Yes. Elusive Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Viadeo icon in React?
Install @iconify/react and render <Icon icon="el:viadeo" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Viadeo icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/el/viadeo.svg" alt="Viadeo icon">, or paste the SVG code inline to style it with CSS.
Browse all Elusive Icons →
ICONYZ
