ICONYZ
Español
Icono Yang de File Icons

Icono Yang

file-icons:yang

El icono Yang (file-icons:yang) es un icono SVG gratuito de la colección File Icons de John Gardner. Está dibujado en una cuadrícula de 512 × 512. File Icons se publican bajo la licencia ISC, 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
File Icons
Autor
John Gardner
Licencia
ISC
Tamaño
512 × 512
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 0C114.615 0 0 114.615 0 256s114.615 256 256 256s256-114.615 256-256S397.385 0 256 0M23.79 256c0-124.887 101.24-226.128 226.127-226.128c62.444 0 113.064 50.62 113.064 113.064S312.361 256 249.917 256v.15c-66.337 3.172-119.146 57.957-119.146 125.08c0 32.043 12.04 61.27 31.837 83.418C81.072 430.488 23.789 349.937 23.789 256M256 97.524c18.362 0 33.247 14.885 33.247 33.247S274.362 164.017 256 164.017s-33.247-14.885-33.247-33.246S237.638 97.524 256 97.524m0 250.459c18.362 0 33.247 14.885 33.247 33.246S274.362 414.476 256 414.476s-33.247-14.885-33.247-33.247c0-18.361 14.885-33.246 33.247-33.246"/></svg>

Cómo usar el icono Yang

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:yang" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:yang" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:yang" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--yang]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:yang"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:yang"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/file-icons/yang.svg" alt="Icono Yang" width="24" height="24">

El icono Yang en otras colecciones

Preguntas frecuentes sobre Icono Yang

¿El icono Yang es gratis para uso comercial?

Sí. File Icons se publican bajo la licencia ISC, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Yang en React?

Instala @iconify/react y renderiza <Icon icon="file-icons:yang" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Yang a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/file-icons/yang.svg" alt="Icono Yang">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los File Icons →