ICONYZ
Español
Icono Skype Outline de Teenyicons

Icono Skype Outline

teenyicons:skype-outline

El icono Skype Outline (teenyicons:skype-outline) es un icono SVG gratuito de la colección Teenyicons de smhmd. Está dibujado en una cuadrícula de 15 × 15. Teenyicons 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
Teenyicons
Autor
smhmd
Licencia
MIT
Tamaño
15 × 15
Etiquetas
skypeoutline
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="m13.83 8.34l-.496-.066a.5.5 0 0 0 .08.346zM6.66 1.17l-.28.415a.5.5 0 0 0 .344.081zM1.17 6.66l.496.065a.5.5 0 0 0-.08-.345zm7.17 7.17l.279-.415a.5.5 0 0 0-.345-.08zm5.985-5.423c.039-.29.066-.593.066-.907h-1c0 .257-.022.513-.057.774zm.066-.907A6.89 6.89 0 0 0 7.5.609v1A5.89 5.89 0 0 1 13.391 7.5zM7.5.609a7 7 0 0 0-.905.065l.129.992c.264-.034.52-.057.776-.057zm-.562.146A4.44 4.44 0 0 0 4.457 0v1c.712 0 1.374.216 1.923.585zM4.457 0A4.456 4.456 0 0 0 0 4.457h1A3.456 3.456 0 0 1 4.457 1zM0 4.457c0 .918.279 1.772.755 2.481l.83-.558A3.44 3.44 0 0 1 1 4.457zm.675 2.137a7 7 0 0 0-.066.906h1c0-.257.022-.513.057-.775zM.609 7.5A6.89 6.89 0 0 0 7.5 14.391v-1A5.89 5.89 0 0 1 1.609 7.5zM7.5 14.391c.314 0 .616-.027.906-.066l-.132-.99a6 6 0 0 1-.774.056zm.561-.146c.71.477 1.564.755 2.483.755v-1a3.44 3.44 0 0 1-1.925-.585zm2.483.755A4.457 4.457 0 0 0 15 10.544h-1A3.457 3.457 0 0 1 10.544 14zM15 10.544a4.44 4.44 0 0 0-.756-2.482l-.83.558c.37.55.586 1.21.586 1.924zM7 8h1V7H7zm2.947-2.724A2.31 2.31 0 0 0 7.882 4v1c.496 0 .949.28 1.17.724zM9 9a1 1 0 0 1-1 1v1a2 2 0 0 0 2-2zM8 8a1 1 0 0 1 1 1h1a2 2 0 0 0-2-2zm-.882 2c-.496 0-.95-.28-1.17-.724l-.895.448A2.31 2.31 0 0 0 7.118 11zM5 6a2 2 0 0 0 2 2V7a1 1 0 0 1-1-1zm1 0a1 1 0 0 1 1-1V4a2 2 0 0 0-2 2zm2 4h-.882v1H8zm-.118-6H7v1h.882z"/></svg>

Cómo usar el icono Skype Outline

React

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

<Icon icon="teenyicons:skype-outline" width="24" />

Vue

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

<template>
  <Icon icon="teenyicons:skype-outline" width="24" />
</template>

Svelte

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

<Icon icon="teenyicons:skype-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[teenyicons--skype-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/teenyicons -->
<div class="i-teenyicons:skype-outline"></div>

Web component

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

<iconify-icon icon="teenyicons:skype-outline"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/teenyicons/skype-outline.svg" alt="Icono Skype Outline" width="24" height="24">

Iconos relacionados en Teenyicons

El icono Skype Outline en otras colecciones

Preguntas frecuentes sobre Icono Skype Outline

¿El icono Skype Outline es gratis para uso comercial?

Sí. Teenyicons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Skype Outline en React?

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

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

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

Ver todos los Teenyicons →