ICONYZ
Español
Icono Aperture de Carbon

Icono Aperture

carbon:aperture

El icono Aperture (carbon:aperture) 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.

Colección
Carbon
Autor
IBM
Licencia
Apache-2.0
Tamaño
32 × 32
Categoría
Herramientas
Descargar 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="M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2m11.84 12.14L22 17.52V5.62a12 12 0 0 1 5.84 8.52M12 18.68v-5.36L16 11l4 2.31v5.36L16 21Zm8-14V11l-9.66-5.58A11.9 11.9 0 0 1 20 4.7Zm-11.52 2L14 9.85L4 15.62a12 12 0 0 1 4.48-8.96ZM4.16 17.85L10 14.47v11.91a12 12 0 0 1-5.84-8.53M12 27.3V21l9.67 5.58A11.9 11.9 0 0 1 16 28a12 12 0 0 1-4-.7m11.52-2L18 22.14l10-5.77a12 12 0 0 1-4.48 8.97Z"/></svg>

Cómo usar el icono Aperture

React

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

<Icon icon="carbon:aperture" width="24" />

Vue

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

<template>
  <Icon icon="carbon:aperture" width="24" />
</template>

Svelte

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

<Icon icon="carbon:aperture" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--aperture]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="carbon:aperture"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/carbon/aperture.svg" alt="Icono Aperture" width="24" height="24">

El icono Aperture en otras colecciones

Preguntas frecuentes sobre Icono Aperture

¿El icono Aperture 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 Aperture en React?

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

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

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

Ver todos los Iconos Carbon →