Skype icon
websymbol:skype
The Skype icon (websymbol:skype) is a free SVG icon from the Web Symbols Liga set by Just Be Nice studio. It is drawn on a 1000 × 1000 grid. Web Symbols Liga icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Web Symbols Liga
- Author
- Just Be Nice studio
- License
- OFL-1.1
- Size
- 1000 × 1000
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="0 0 1000 1000"><path fill="currentColor" d="M1000 728q0 113-81.5 193T723 1001q-69 0-130-32q-46 8-88 8q-196 0-336.5-137.5T28 506q0-42 10-94Q0 348 0 274Q0 161 81.5 81T277 1q81 0 147 42q38-7 81-7q129 0 238.5 62.5t174 170.5T982 506q0 56-11 101q29 58 29 121M783 626q0-50-22-86.5T703.5 483T625 449t-86-22.5t-78.5-18T403 383t-22-39q0-34 36.5-49.5T493 279q40 0 66.5 12.5t38.5 30t21.5 35t25 30T685 399q28 0 48.5-19t20.5-46t-15-54q-30-55-96.5-80T502 175q-46 0-89.5 9T328 212.5T262 269t-25 87q0 66 40.5 106.5t99 57T493 548t98.5 33.5T632 640q0 42-42 62.5T500 723q-45 0-74-15t-41.5-36t-22.5-42.5t-26-36.5t-42-15q-28 0-49 17.5T224 640q0 42 31 85q72 104 249 104q50 0 97-11t89-33.5t67.5-63.5t25.5-95"/></svg>
How to use the Skype icon
React
import { Icon } from "@iconify/react";
<Icon icon="websymbol:skype" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="websymbol:skype" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="websymbol:skype" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[websymbol--skype]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/websymbol -->
<div class="i-websymbol:skype"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="websymbol:skype"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/websymbol/skype.svg" alt="Skype icon" width="24" height="24">
Skype icon in other icon sets
Skype icon FAQ
Is the Skype icon free for commercial use?
Yes. Web Symbols Liga icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Skype icon in React?
Install @iconify/react and render <Icon icon="websymbol:skype" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Skype icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/websymbol/skype.svg" alt="Skype icon">, or paste the SVG code inline to style it with CSS.
Browse all Web Symbols Liga icons →
ICONYZ
