Icono Ying Yang Outline
glyphs:ying-yang-outline
El icono Ying Yang Outline (glyphs:ying-yang-outline) es un icono SVG gratuito de la colección Glyphs de Goran Spasojevic. Está dibujado en una cuadrícula de 80 × 80. Glyphs icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Glyphs
- Autor
- Goran Spasojevic
- Licencia
- MIT
- Tamaño
- 80 × 80
- Etiquetas
- yingyang, yangoutline, yingyangoutline
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="currentColor" fill-opacity=".25" d="M40 48a6 6 0 1 0 0 12a6 6 0 0 0 0-12m-2 6a2 2 0 1 1 4 0a2 2 0 0 1-4 0m-4-28a6 6 0 1 1 12 0a6 6 0 0 1-12 0m6-2a2 2 0 1 0 0 4a2 2 0 0 0 0-4"/><path fill="currentColor" fill-opacity=".25" d="M18.787 18.787A30 30 0 0 1 40 10h.006A30 30 0 0 1 70 40a30.003 30.003 0 0 1-30 30h-.006A30 30 0 0 1 10 40a30 30 0 0 1 8.787-21.213m37.21 6.928q.003.118.003.236V26q0 .149-.003.298a16 16 0 0 1-15.947 15.7l-.044.001h-.011a12 12 0 0 0-8.48 3.515A12 12 0 0 0 28 53.963V54a12 12 0 0 0 11.995 12H40a26 26 0 0 0 13.857-48a16 16 0 0 1 2.14 7.715M40.037 14H40a26 26 0 0 0-13.857 48A16 16 0 0 1 24 54q0-.15.003-.297A16 16 0 0 1 39.994 38A12 12 0 0 0 52 26v-.148A12 12 0 0 0 40.036 14"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M40 48a6 6 0 1 0 0 12a6 6 0 0 0 0-12m-2 6a2 2 0 1 1 4 0a2 2 0 0 1-4 0m-4-28a6 6 0 1 1 12 0a6 6 0 0 1-12 0m6-2a2 2 0 1 0 0 4a2 2 0 0 0 0-4"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.787 18.787A30 30 0 0 1 40 10h.006A30 30 0 0 1 70 40a30.003 30.003 0 0 1-30 30h-.006A30 30 0 0 1 10 40a30 30 0 0 1 8.787-21.213m37.21 6.928q.003.118.003.236V26q0 .149-.003.298a16 16 0 0 1-15.947 15.7l-.044.001h-.011a12 12 0 0 0-8.48 3.515A12 12 0 0 0 28 53.963V54a12 12 0 0 0 11.995 12H40a26 26 0 0 0 13.857-48a16 16 0 0 1 2.14 7.715M40.037 14H40a26 26 0 0 0-13.857 48A16 16 0 0 1 24 54h0q0-.15.003-.297A16 16 0 0 1 39.994 38A12 12 0 0 0 52 26v-.148A12 12 0 0 0 40.036 14"/></g></svg>Cómo usar el icono Ying Yang Outline
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:ying-yang-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:ying-yang-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:ying-yang-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--ying-yang-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:ying-yang-outline"></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-outline"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs/ying-yang-outline.svg" alt="Icono Ying Yang Outline" width="24" height="24">Iconos relacionados en Glyphs
Preguntas frecuentes sobre Icono Ying Yang Outline
¿El icono Ying Yang Outline es gratis para uso comercial?
Sí. Glyphs icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Ying Yang Outline en React?
Instala @iconify/react y renderiza <Icon icon="glyphs:ying-yang-outline" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Ying Yang Outline a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs/ying-yang-outline.svg" alt="Icono Ying Yang Outline">, o pega el código SVG en línea para darle estilo con CSS.