Icono Cx
flagpack:cx
El icono Cx (flagpack:cx) es un icono SVG gratuito de la colección Flagpack de Yummygum. Está dibujado en una cuadrícula de 32 × 24. Flagpack 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.
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 32 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#5eaa22" d="M0 0h32v24H0z"/><path fill="#4141db" d="m0 0l32 24H0z"/><path fill="#fff" d="m6 9l-1 .732l.134-1.232L4 8l1.134-.5L5 6.268L6 7l1-.732L6.866 7.5L8 8l-1.134.5L7 9.732zm-2 6l-1 .732l.134-1.232L2 14l1.134-.5L3 12.268L4 13l1-.732l-.134 1.232L6 14l-1.134.5L5 15.732zm4 6l-1 .732l.134-1.232L6 20l1.134-.5L7 18.268L8 19l1-.732l-.134 1.232L10 20l-1.134.5L9 21.732zm1-9.5l-.5.366l.067-.616L8 11l.567-.25l-.067-.616l.5.366l.5-.366l-.067.616L10 11l-.567.25l.067.616z"/><path fill="#feca00" d="M21.561 12.224c-.374-.39 2.99-1.306 3.339-2.488c.462-1.029.153-1.862-1.593-2.594s-3.51-2.148-1.481-2.148s2.029.29 2.574 1.143c.545.854 1.724 1.036 1.749 0c0-1.766.166-2.003-1.26-3.538c-1.425-1.536 3.575.63 3.162 3.262s-.91 1.782-.595 2.224s2.216-.93 1.979.897c-.665 1.051-1.984 2.614-7.874 3.242"/><path fill="#feca00" d="M16 17a5 5 0 1 0 0-10a5 5 0 0 0 0 10"/><path fill="#548650" d="M12.953 10.162c.567-.126 1.343 1.392 2.742.823c1.4-.57 1.692-1.657 2.357-1.26c.666.399.753 1.357.31 1.838s-1.195.596-1.195 1.205s-.148 2.78-.435 2.15c-.861-.699-.336-1.812-1.397-2.15s-1.706-.327-2.489-.184s.526-.392.804-.9c.565-.543-.956-1.341-.697-1.522"/></g></svg>Cómo usar el icono Cx
React
import { Icon } from "@iconify/react";
<Icon icon="flagpack:cx" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flagpack:cx" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flagpack:cx" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flagpack--cx]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flagpack -->
<div class="i-flagpack:cx"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flagpack:cx"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/flagpack/cx.svg" alt="Icono Cx" width="24" height="24">El icono Cx en otras colecciones
Preguntas frecuentes sobre Icono Cx
¿El icono Cx es gratis para uso comercial?
Sí. Flagpack icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Cx en React?
Instala @iconify/react y renderiza <Icon icon="flagpack:cx" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Cx a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/flagpack/cx.svg" alt="Icono Cx">, o pega el código SVG en línea para darle estilo con CSS.