Icono Nc
circle-flags:nc
El icono Nc (circle-flags:nc) es un icono SVG gratuito de la colección Circle Flags de HatScripts. Está dibujado en una cuadrícula de 512 × 512. Circle Flags 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
- Circle Flags
- Autor
- HatScripts
- Licencia
- MIT
- Tamaño
- 512 × 512
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="SVGuywqVbel"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGuywqVbel)"><path fill="#496e2d" d="M0 352h512v160H0z"/><path fill="#d80027" d="M0 160h512v192H0z"/><path fill="#0052b4" d="M0 0h512v160H0z"/><path fill="#ffda44" d="M398 256a168 168 0 1 1-336 0a168 168 0 0 1 336 0"/><path fill="#333" d="M230 80a176 176 0 1 0 0 352a176 176 0 0 0 0-352m-8 16v34c-8 4-14 8-15 16l-1 16l6-3l10-4v8a24 24 0 0 0-16 23a24 24 0 0 0 16 22v8h-20v16h20v8a24 24 0 0 0-16 22a24 24 0 0 0 16 23v7h-20v17h20v7a24 24 0 0 0-16 23a24 24 0 0 0 16 22v8c-10 0-18 3-23 7c-7 5-22 20-30 28a160 160 0 0 1 53-308m16 0a160 160 0 0 1 51 309l-30-29c-5-4-12-6-21-7v-8a24 24 0 0 0 16-22a24 24 0 0 0-16-23v-7h21v-16h-21v-8a24 24 0 0 0 16-23a24 24 0 0 0-16-22v-8h21v-16h-21v-7a24 24 0 0 0 16-23a24 24 0 0 0-16-23v-20c6-5 11-13 17-23c4-8 2-11 2-11l-2 3l-17 11z"/></g></svg>Cómo usar el icono Nc
React
import { Icon } from "@iconify/react";
<Icon icon="circle-flags:nc" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="circle-flags:nc" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="circle-flags:nc" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--nc]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:nc"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="circle-flags:nc"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/circle-flags/nc.svg" alt="Icono Nc" width="24" height="24">El icono Nc en otras colecciones
Preguntas frecuentes sobre Icono Nc
¿El icono Nc es gratis para uso comercial?
Sí. Circle Flags icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Nc en React?
Instala @iconify/react y renderiza <Icon icon="circle-flags:nc" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Nc a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/circle-flags/nc.svg" alt="Icono Nc">, o pega el código SVG en línea para darle estilo con CSS.