Ying Yang Duo icon
glyphs:ying-yang-duo
The Ying Yang Duo icon (glyphs:ying-yang-duo) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs 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
- Glyphs
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- yingyang, yangduo, yingyangduo
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M40 12a28 28 0 0 0-.005 56a14 14 0 0 1 0-28H40a14 14 0 1 0 0-28m-.13 10a4 4 0 1 0 0 8a4 4 0 0 0 0-8" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M40 68a28 28 0 0 0 .005-56a14 14 0 0 1 0 28H40a14 14 0 0 0 0 28m.13-10a4 4 0 1 0 0-8a4 4 0 0 0 0 8" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" d="M36 26a4 4 0 1 1 8 0a4 4 0 0 1-8 0m0 28a4 4 0 1 1 8 0a4 4 0 0 1-8 0"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M30.1 63.9a14 14 0 0 0 9.895 4.1A28 28 0 0 1 12 40a28 28 0 0 1 28-28a14 14 0 0 1 9.9 4.1M30.1 63.9a14 14 0 0 1 0-19.8m0 19.8a14 14 0 0 1 0-19.8m0 19.8A14 14 0 0 0 40 68a28 28 0 0 0 .005-56a14 14 0 0 1 9.894 4.1m-19.798 28a14 14 0 0 1 9.894-4.1H40m-9.9 4.1A14 14 0 0 1 40 40m0 0a14 14 0 0 0 9.9-4.1M40 40h.005a14 14 0 0 0 9.895-4.1m0 0a14 14 0 0 0 0-19.8m0 19.8a14 14 0 0 0 0-19.8M35.87 26a4 4 0 1 1 8 0a4 4 0 0 1-8 0m8.26 28a4 4 0 1 1-8 0a4 4 0 0 1 8 0M40 30a4 4 0 1 1 0-8a4 4 0 0 1 0 8m0 28a4 4 0 1 1 0-8a4 4 0 0 1 0 8"/></g></svg>How to use the Ying Yang Duo icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:ying-yang-duo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:ying-yang-duo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:ying-yang-duo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--ying-yang-duo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:ying-yang-duo"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:ying-yang-duo"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/ying-yang-duo.svg" alt="Ying Yang Duo icon" width="24" height="24">Related icons in Glyphs
Ying Yang Duo icon FAQ
Is the Ying Yang Duo icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Ying Yang Duo icon in React?
Install @iconify/react and render <Icon icon="glyphs:ying-yang-duo" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ying Yang Duo icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/ying-yang-duo.svg" alt="Ying Yang Duo icon">, or paste the SVG code inline to style it with CSS.