Icono Naming Conventions
carbon:naming-conventions
El icono Naming Conventions (carbon:naming-conventions) es un icono SVG gratuito de la colección Carbon de IBM. Está dibujado en una cuadrícula de 32 × 32. Carbon 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.
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M22 8h-8v2h8zm-8 8h8v-2h-8zm-4-2H8v-4h2V8H8V4h18v12h2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v4H4v2h2v4H4v2h6zm3.105 6h-2.21C9.85 20 9 20.85 9 21.895v6.21C9 29.15 9.85 30 10.895 30h2.21C14.15 30 15 29.15 15 28.105v-6.21C15 20.85 14.15 20 13.106 20M13 28h-2v-6h2zM1 22v6c0 1.103.897 2 2 2h4v-2H3v-6h4v-2H3c-1.103 0-2 .898-2 2m20 4l-2-6h-2v10h2v-6l2 6h2V20h-2zm8-6l-1 8l-1-8h-2l2 10h2l2-10z"/></svg>Cómo usar el icono Naming Conventions
React
import { Icon } from "@iconify/react";
<Icon icon="carbon:naming-conventions" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="carbon:naming-conventions" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="carbon:naming-conventions" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--naming-conventions]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:naming-conventions"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="carbon:naming-conventions"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/carbon/naming-conventions.svg" alt="Icono Naming Conventions" width="24" height="24">Preguntas frecuentes sobre Icono Naming Conventions
¿El icono Naming Conventions es gratis para uso comercial?
Sí. Carbon icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Naming Conventions en React?
Instala @iconify/react y renderiza <Icon icon="carbon:naming-conventions" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Naming Conventions a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/carbon/naming-conventions.svg" alt="Icono Naming Conventions">, o pega el código SVG en línea para darle estilo con CSS.