Icono Apple Outline
glyphs:apple-outline
El icono Apple Outline (glyphs:apple-outline) es un icono SVG gratuito de la colección Glyphs de Goran Spasojevic. Está dibujado en una cuadrícula de 80 × 80. Glyphs icons se publican bajo la licencia MIT, 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
- Glyphs
- Autor
- Goran Spasojevic
- Licencia
- MIT
- Tamaño
- 80 × 80
- Etiquetas
- appleoutline
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="currentColor" fill-opacity=".25" d="m54.14 8.91l-.295-1.063l-1.17-.299a14.6 14.6 0 0 0-2.648-.421a14.1 14.1 0 0 0-5.436.703l-.163.055a13.6 13.6 0 0 0-4.61 2.64l-.173.152a13.5 13.5 0 0 0-3.208 4.16l-.07.14a13.6 13.6 0 0 0-1.38 5.148l-.01.156a13.2 13.2 0 0 0 .481 4.476l.299 1.052l1.158.299c1.443.373 2.954.512 4.466.413a14.5 14.5 0 0 0 5.467-1.463a13.8 13.8 0 0 0 4.282-3.266l.113-.13a13.3 13.3 0 0 0 2.613-4.49l.074-.217c.566-1.668.8-3.41.687-5.136l-.01-.156a13.6 13.6 0 0 0-.467-2.752m-4.418 1.994q.294.02.587.056q.073.46.103.926l.01.156a9.8 9.8 0 0 1-.51 3.805l-.074.217a9.6 9.6 0 0 1-1.891 3.25l-.114.129a9.7 9.7 0 0 1-3.002 2.293a10 10 0 0 1-3.755 1.008a9.7 9.7 0 0 1-1.798-.05a9.7 9.7 0 0 1-.107-2.19l.01-.155c.088-1.341.438-2.64 1.026-3.834l.07-.14a9.6 9.6 0 0 1 2.298-2.983l.174-.152a9.3 9.3 0 0 1 3.16-1.81l.163-.056a9.5 9.5 0 0 1 3.65-.47"/><path fill="currentColor" fill-opacity=".25" d="M51.27 25.736a16.6 16.6 0 0 0-7.353 1.614l-.718.342a20 20 0 0 0-3.2 1.91a20 20 0 0 0-3.198-1.91l-.718-.342a16.59 16.59 0 0 0-20.81 5.576l-.45.655a20 20 0 0 0-3.039 6.968l-.23 1.033a25.5 25.5 0 0 0-.468 8.29l.138 1.287a26 26 0 0 0 2.07 7.726l.524 1.183a25.5 25.5 0 0 0 4.55 6.946l.716.78a20 20 0 0 0 6.115 4.514l.718.343A16.59 16.59 0 0 0 40 72.743a16.59 16.59 0 0 0 14.083-.092l.718-.343a20 20 0 0 0 6.114-4.515l.717-.779a25.5 25.5 0 0 0 4.55-6.946l.523-1.183a26 26 0 0 0 2.07-7.726l.139-1.287c.299-2.77.14-5.57-.468-8.29l-.23-1.033a20 20 0 0 0-3.038-6.968l-.451-.655a16.59 16.59 0 0 0-13.457-7.19m-5.632 5.224a12.59 12.59 0 0 1 15.793 4.232l.45.655a16 16 0 0 1 2.43 5.575l.232 1.033c.513 2.292.646 4.653.394 6.988l-.139 1.287a22 22 0 0 1-1.751 6.537l-.524 1.184a21.5 21.5 0 0 1-3.835 5.855l-.717.78a16 16 0 0 1-4.892 3.612l-.718.342a12.59 12.59 0 0 1-11.41-.291L40 68.234l-.952.515a12.59 12.59 0 0 1-11.41.291l-.718-.342a16 16 0 0 1-4.892-3.612l-.716-.78a21.5 21.5 0 0 1-3.836-5.855l-.523-1.184a22 22 0 0 1-1.752-6.537l-.138-1.286a21.5 21.5 0 0 1 .394-6.989l.23-1.033a16 16 0 0 1 2.431-5.575l.45-.655a12.59 12.59 0 0 1 15.793-4.232l.718.343a16 16 0 0 1 3.61 2.365l1.31 1.14l1.313-1.14a16 16 0 0 1 3.608-2.365z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m54.14 8.91l-.295-1.063l-1.17-.299a14.6 14.6 0 0 0-2.648-.421a14.1 14.1 0 0 0-5.436.703l-.163.055a13.6 13.6 0 0 0-4.61 2.64l-.173.152a13.5 13.5 0 0 0-3.208 4.16l-.07.14a13.6 13.6 0 0 0-1.38 5.148l-.01.156a13.2 13.2 0 0 0 .481 4.476l.299 1.052l1.158.299c1.443.373 2.954.512 4.466.413a14.5 14.5 0 0 0 5.467-1.463a13.8 13.8 0 0 0 4.282-3.266l.113-.13a13.3 13.3 0 0 0 2.613-4.49l.074-.217c.566-1.668.8-3.41.687-5.136l-.01-.156a13.6 13.6 0 0 0-.467-2.752m-4.418 1.994q.294.02.587.056q.073.46.103.926l.01.156a9.8 9.8 0 0 1-.51 3.805l-.074.217a9.6 9.6 0 0 1-1.891 3.25l-.114.129a9.7 9.7 0 0 1-3.002 2.293a10 10 0 0 1-3.755 1.008a9.7 9.7 0 0 1-1.798-.05a9.7 9.7 0 0 1-.107-2.19l.01-.155c.088-1.341.438-2.64 1.026-3.834l.07-.14a9.6 9.6 0 0 1 2.298-2.983l.174-.152a9.3 9.3 0 0 1 3.16-1.81l.163-.056a9.5 9.5 0 0 1 3.65-.47"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M51.27 25.736a16.6 16.6 0 0 0-7.353 1.614l-.718.342a20 20 0 0 0-3.2 1.91a20 20 0 0 0-3.198-1.91l-.718-.342a16.59 16.59 0 0 0-20.81 5.576l-.45.655a20 20 0 0 0-3.039 6.968l-.23 1.033a25.5 25.5 0 0 0-.468 8.29l.138 1.287a26 26 0 0 0 2.07 7.726l.524 1.183a25.5 25.5 0 0 0 4.55 6.946l.716.78a20 20 0 0 0 6.115 4.514l.718.343A16.59 16.59 0 0 0 40 72.743a16.59 16.59 0 0 0 14.083-.092l.718-.343a20 20 0 0 0 6.114-4.515l.717-.779a25.5 25.5 0 0 0 4.55-6.946l.523-1.183a26 26 0 0 0 2.07-7.726l.139-1.287c.299-2.77.14-5.57-.468-8.29l-.23-1.033a20 20 0 0 0-3.038-6.968l-.451-.655a16.59 16.59 0 0 0-13.457-7.19m-5.632 5.224a12.59 12.59 0 0 1 15.793 4.232l.45.655a16 16 0 0 1 2.43 5.575l.232 1.033c.513 2.292.646 4.653.394 6.988l-.139 1.287a22 22 0 0 1-1.751 6.537l-.524 1.184a21.5 21.5 0 0 1-3.835 5.855l-.717.78a16 16 0 0 1-4.892 3.612l-.718.342a12.59 12.59 0 0 1-11.41-.291L40 68.234l-.952.515a12.59 12.59 0 0 1-11.41.291l-.718-.342a16 16 0 0 1-4.892-3.612l-.716-.78a21.5 21.5 0 0 1-3.836-5.855l-.523-1.184a22 22 0 0 1-1.752-6.537l-.138-1.286a21.5 21.5 0 0 1 .394-6.989l.23-1.033a16 16 0 0 1 2.431-5.575l.45-.655a12.59 12.59 0 0 1 15.793-4.232l.718.343a16 16 0 0 1 3.61 2.365l1.31 1.14l1.313-1.14a16 16 0 0 1 3.608-2.365z"/></g></svg>Cómo usar el icono Apple Outline
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:apple-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:apple-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:apple-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--apple-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:apple-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:apple-outline"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs/apple-outline.svg" alt="Icono Apple Outline" width="24" height="24">Iconos relacionados en Glyphs
El icono Apple Outline en otras colecciones
Preguntas frecuentes sobre Icono Apple Outline
¿El icono Apple Outline es gratis para uso comercial?
Sí. Glyphs icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Apple Outline en React?
Instala @iconify/react y renderiza <Icon icon="glyphs:apple-outline" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Apple Outline a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs/apple-outline.svg" alt="Icono Apple Outline">, o pega el código SVG en línea para darle estilo con CSS.