Icono Apple Dash

carbon:apple-dash

El icono Apple Dash (carbon:apple-dash) 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: Empresa
Etiquetas: appledash

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="M7.083 11.671L5.408 10.58C4.5 11.967 4.015 13.809 4 15.905l2 .014c.012-1.712.386-3.18 1.082-4.248m-.997 6.145l-1.99.194c.188 1.938.659 3.674 1.398 5.159l1.79-.891c-.63-1.266-1.033-2.768-1.198-4.461m2.153 5.979l-1.569 1.24c1.333 1.687 3.097 2.758 4.84 2.938l.206-1.99c-1.191-.123-2.491-.94-3.477-2.188M16 25c-.733 0-1.478.271-2.199.533q-.27.1-.547.194l.643 1.894q.296-.1.588-.209C15.042 27.21 15.619 27 16 27c.38 0 .957.21 1.515.412q.27.1.546.195l.648-1.892q-.256-.089-.51-.182c-.721-.262-1.466-.533-2.2-.533Zm4.255.988l.185 1.992c1.746-.164 3.518-1.223 4.862-2.908l-1.563-1.247c-.992 1.243-2.295 2.052-3.484 2.163m4.445-3.676l1.787.897c.745-1.483 1.221-3.218 1.414-5.156l-1.99-.199c-.169 1.694-.576 3.194-1.21 4.458M28 15.95c-.008-2.095-.485-3.937-1.382-5.332L24.936 11.7c.69 1.073 1.058 2.544 1.064 4.256zM20 4h-1a2 2 0 0 0-2 2v1h1a2 2 0 0 0 2-2z"/><path fill="currentColor" d="m23.813 10.53l1.103-1.667A5.2 5.2 0 0 0 22 8c-1.415 0-2.417.288-3.301.542c-.577.166-1.137.32-1.798.4C16.399 6.138 13.947 4 11 4v2c1.822 0 3.346 1.232 3.827 2.901a13 13 0 0 1-1.526-.359C12.417 8.288 11.416 8 10 8c-1.07 0-2.05.29-2.916.863l1.103 1.668A3.23 3.23 0 0 1 10 10c1.134 0 1.918.226 2.749.464c.917.264 1.865.536 3.25.536s2.335-.273 3.252-.536C20.081 10.226 20.866 10 22 10c.67 0 1.28.179 1.812.53"/></svg>

Cómo usar el icono Apple Dash

React

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

<Icon icon="carbon:apple-dash" width="24" />

Vue

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

<template>
  <Icon icon="carbon:apple-dash" width="24" />
</template>

Svelte

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

<Icon icon="carbon:apple-dash" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="carbon:apple-dash"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/carbon/apple-dash.svg" alt="Icono Apple Dash" width="24" height="24">

Iconos relacionados en Carbon

Preguntas frecuentes sobre Icono Apple Dash

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

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

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

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

Ver todos los Iconos Carbon →