Icono Chart Area Smooth

carbon:chart-area-smooth

El icono Chart Area Smooth (carbon:chart-area-smooth) 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: Organización
Etiquetas: chartarea, areasmooth, chartareasmooth

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="m30 6.614l-1.315.437A21 21 0 0 1 23 8c-1.734 0-3.322-.907-5.004-1.868C16.162 5.084 14.266 4 12 4C9.123 4 5.915 6.206 4 7.772V2H2v26a2.003 2.003 0 0 0 2 2h26ZM4 20.294C5.874 17.376 9.56 13 12 13c1.638 0 2.96 1.102 4.36 2.269C17.897 16.549 19.638 18 22 18a9.47 9.47 0 0 0 6-2.529v4.956A13 13 0 0 1 22 22a13.9 13.9 0 0 1-4.684-.949A15.7 15.7 0 0 0 12 20c-2.927 0-6.068 2.959-8 5.158ZM12 6c1.734 0 3.323.907 5.004 1.868C18.838 8.916 20.734 10 23 10a21.4 21.4 0 0 0 5-.678v3.321c-.683.803-3.084 3.357-6 3.357c-1.638 0-2.96-1.102-4.36-2.269C16.103 12.451 14.362 11 12 11c-2.936 0-6.063 3.34-8 5.845v-6.421C5.546 8.966 9.259 6 12 6M4.249 28C5.862 25.909 9.41 22 12 22a13.9 13.9 0 0 1 4.684.949A15.7 15.7 0 0 0 22 24a14.7 14.7 0 0 0 6-1.34V28Z"/></svg>

Cómo usar el icono Chart Area Smooth

React

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

<Icon icon="carbon:chart-area-smooth" width="24" />

Vue

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

<template>
  <Icon icon="carbon:chart-area-smooth" width="24" />
</template>

Svelte

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

<Icon icon="carbon:chart-area-smooth" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="carbon:chart-area-smooth"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/carbon/chart-area-smooth.svg" alt="Icono Chart Area Smooth" width="24" height="24">

Iconos relacionados en Carbon

Preguntas frecuentes sobre Icono Chart Area Smooth

¿El icono Chart Area Smooth 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 Chart Area Smooth en React?

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

¿Cómo añado el icono Chart Area Smooth a una página web?

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

Ver todos los Iconos Carbon →