Icono C12
unjs:c12
El icono C12 (unjs:c12) es un icono SVG gratuito de la colección UnJS Logos de UnJS. Está dibujado en una cuadrícula de 32 × 32. UnJS Logos icons se publican bajo la licencia Apache 2.0, 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
- UnJS Logos
- Autor
- UnJS
- Licencia
- Apache-2.0
- Tamaño
- 32 × 32
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#82aec0" d="M31 17.963v-3.926a.29.29 0 0 0-.258-.287l-4.457-.473a.29.29 0 0 1-.245-.207a10.3 10.3 0 0 0-.87-2.097a.28.28 0 0 1 .027-.32l2.82-3.485a.287.287 0 0 0-.02-.386l-2.774-2.774a.287.287 0 0 0-.386-.02l-3.49 2.817a.29.29 0 0 1-.32.027a10.5 10.5 0 0 0-2.097-.87a.29.29 0 0 1-.207-.244l-.473-4.46A.29.29 0 0 0 17.962 1h-3.924a.29.29 0 0 0-.288.258l-.473 4.457a.29.29 0 0 1-.207.245a10.3 10.3 0 0 0-2.097.87a.28.28 0 0 1-.32-.027L7.168 3.985a.287.287 0 0 0-.386.02L4.008 6.78a.287.287 0 0 0-.02.385l2.82 3.485a.29.29 0 0 1 .027.32a10.5 10.5 0 0 0-.87 2.098a.29.29 0 0 1-.245.207l-4.462.475a.29.29 0 0 0-.258.287v3.925a.29.29 0 0 0 .258.288l4.457.473a.29.29 0 0 1 .245.207c.215.738.508 1.44.87 2.098a.28.28 0 0 1-.027.32l-2.818 3.485a.287.287 0 0 0 .02.385l2.775 2.774c.105.105.27.113.385.02l3.485-2.82a.29.29 0 0 1 .32-.027q.992.546 2.098.87a.29.29 0 0 1 .207.245l.475 4.462c.015.148.14.258.287.258h3.925a.29.29 0 0 0 .288-.258l.473-4.457a.29.29 0 0 1 .207-.245a10.3 10.3 0 0 0 2.098-.87a.28.28 0 0 1 .32.027l3.485 2.82a.287.287 0 0 0 .385-.02l2.774-2.774a.29.29 0 0 0 .02-.386l-2.82-3.485a.29.29 0 0 1-.027-.32c.363-.66.655-1.362.87-2.097a.29.29 0 0 1 .245-.207l4.462-.478a.29.29 0 0 0 .258-.288m-15 .857a2.82 2.82 0 1 1 0-5.64a2.82 2.82 0 0 1 0 5.64"/><path fill="#2f7889" d="M20.14 12.37a5.5 5.5 0 0 1 1.357 3.963c-.162 2.79-2.457 5.047-5.25 5.17a5.5 5.5 0 0 1-3.214-.863c-.07-.045-.146.05-.085.11a5.6 5.6 0 0 0 4.462 1.668c2.695-.213 4.89-2.375 5.137-5.068a5.61 5.61 0 0 0-2.307-5.083c-.072-.05-.155.038-.1.103"/><path fill="#b9e4ea" d="M10.968 16.33c-.168-3.287 1.957-5.697 5.002-5.697c.162 0 .42 0 .62.23c.253.295.275.65 0 .942c-.203.215-.488.23-.633.25c-3.075.398-3.795 2.338-3.957 4.192c-.008.083.015.588-.428.64c-.537.063-.602-.477-.604-.557"/><path fill="#94d1e0" d="M6.31 16.468C6.308 10.96 10.285 6.42 15.842 6.205c.17-.008.613 0 .888.247a.85.85 0 0 1 .197.955c-.237.528-.712.518-.84.523c-4.627.165-8.544 3.933-8.547 8.488a.6.6 0 0 1-.037.21l-.026.062a.603.603 0 0 1-1.167-.223"/></g></svg>Cómo usar el icono C12
React
import { Icon } from "@iconify/react";
<Icon icon="unjs:c12" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="unjs:c12" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="unjs:c12" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[unjs--c12]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/unjs -->
<div class="i-unjs:c12"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="unjs:c12"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/unjs/c12.svg" alt="Icono C12" width="24" height="24">Preguntas frecuentes sobre Icono C12
¿El icono C12 es gratis para uso comercial?
Sí. UnJS Logos icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono C12 en React?
Instala @iconify/react y renderiza <Icon icon="unjs:c12" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono C12 a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/unjs/c12.svg" alt="Icono C12">, o pega el código SVG en línea para darle estilo con CSS.