skype logo
skype from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.
- Name
- skype
- Set
- Boxicons Brands
- Style
- Logo
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the skype logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.857 17.417c-2.947 0-4.294-1.524-4.294-2.641c0-.266.108-.521.298-.705a.95.95 0 0 1 .71-.264c1.261 0 .931 1.92 3.286 1.92c1.203 0 1.91-.736 1.91-1.425c0-.415-.234-.889-1.028-1.079l-2.629-.673c-2.111-.545-2.479-1.737-2.479-2.842c0-2.293 2.068-3.124 4.036-3.124c1.814 0 3.97 1.016 3.97 2.391c0 .592-.488.91-1.055.91c-1.078 0-.897-1.536-3.063-1.536c-1.077 0-1.645.513-1.645 1.23s.839.96 1.574 1.123l1.941.445c2.126.486 2.691 1.751 2.691 2.963c0 1.865-1.423 3.305-4.226 3.305m8.139-3.942q.129-.736.128-1.482a8.47 8.47 0 0 0-2.952-6.474a8.21 8.21 0 0 0-6.788-1.856A4.8 4.8 0 0 0 7.935 3a4.95 4.95 0 0 0-4.27 2.519a5.1 5.1 0 0 0-.015 5.011a8.51 8.51 0 0 0 2.282 7.453a8.23 8.23 0 0 0 7.333 2.355a4.8 4.8 0 0 0 2.443.662a4.95 4.95 0 0 0 4.269-2.518a5.1 5.1 0 0 0 .016-5.009"/></svg>
React
import type { SVGProps } from "react";
export function BxlSkype(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.857 17.417c-2.947 0-4.294-1.524-4.294-2.641c0-.266.108-.521.298-.705a.95.95 0 0 1 .71-.264c1.261 0 .931 1.92 3.286 1.92c1.203 0 1.91-.736 1.91-1.425c0-.415-.234-.889-1.028-1.079l-2.629-.673c-2.111-.545-2.479-1.737-2.479-2.842c0-2.293 2.068-3.124 4.036-3.124c1.814 0 3.97 1.016 3.97 2.391c0 .592-.488.91-1.055.91c-1.078 0-.897-1.536-3.063-1.536c-1.077 0-1.645.513-1.645 1.23s.839.96 1.574 1.123l1.941.445c2.126.486 2.691 1.751 2.691 2.963c0 1.865-1.423 3.305-4.226 3.305m8.139-3.942q.129-.736.128-1.482a8.47 8.47 0 0 0-2.952-6.474a8.21 8.21 0 0 0-6.788-1.856A4.8 4.8 0 0 0 7.935 3a4.95 4.95 0 0 0-4.27 2.519a5.1 5.1 0 0 0-.015 5.011a8.51 8.51 0 0 0 2.282 7.453a8.23 8.23 0 0 0 7.333 2.355a4.8 4.8 0 0 0 2.443.662a4.95 4.95 0 0 0 4.269-2.518a5.1 5.1 0 0 0 .016-5.009"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.857 17.417c-2.947 0-4.294-1.524-4.294-2.641c0-.266.108-.521.298-.705a.95.95 0 0 1 .71-.264c1.261 0 .931 1.92 3.286 1.92c1.203 0 1.91-.736 1.91-1.425c0-.415-.234-.889-1.028-1.079l-2.629-.673c-2.111-.545-2.479-1.737-2.479-2.842c0-2.293 2.068-3.124 4.036-3.124c1.814 0 3.97 1.016 3.97 2.391c0 .592-.488.91-1.055.91c-1.078 0-.897-1.536-3.063-1.536c-1.077 0-1.645.513-1.645 1.23s.839.96 1.574 1.123l1.941.445c2.126.486 2.691 1.751 2.691 2.963c0 1.865-1.423 3.305-4.226 3.305m8.139-3.942q.129-.736.128-1.482a8.47 8.47 0 0 0-2.952-6.474a8.21 8.21 0 0 0-6.788-1.856A4.8 4.8 0 0 0 7.935 3a4.95 4.95 0 0 0-4.27 2.519a5.1 5.1 0 0 0-.015 5.011a8.51 8.51 0 0 0 2.282 7.453a8.23 8.23 0 0 0 7.333 2.355a4.8 4.8 0 0 0 2.443.662a4.95 4.95 0 0 0 4.269-2.518a5.1 5.1 0 0 0 .016-5.009"/></svg> </template>
CSS
.icon-skype {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.857%2017.417c-2.947%200-4.294-1.524-4.294-2.641c0-.266.108-.521.298-.705a.95.95%200%200%201%20.71-.264c1.261%200%20.931%201.92%203.286%201.92c1.203%200%201.91-.736%201.91-1.425c0-.415-.234-.889-1.028-1.079l-2.629-.673c-2.111-.545-2.479-1.737-2.479-2.842c0-2.293%202.068-3.124%204.036-3.124c1.814%200%203.97%201.016%203.97%202.391c0%20.592-.488.91-1.055.91c-1.078%200-.897-1.536-3.063-1.536c-1.077%200-1.645.513-1.645%201.23s.839.96%201.574%201.123l1.941.445c2.126.486%202.691%201.751%202.691%202.963c0%201.865-1.423%203.305-4.226%203.305m8.139-3.942q.129-.736.128-1.482a8.47%208.47%200%200%200-2.952-6.474a8.21%208.21%200%200%200-6.788-1.856A4.8%204.8%200%200%200%207.935%203a4.95%204.95%200%200%200-4.27%202.519a5.1%205.1%200%200%200-.015%205.011a8.51%208.51%200%200%200%202.282%207.453a8.23%208.23%200%200%200%207.333%202.355a4.8%204.8%200%200%200%202.443.662a4.95%204.95%200%200%200%204.269-2.518a5.1%205.1%200%200%200%20.016-5.009%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.857%2017.417c-2.947%200-4.294-1.524-4.294-2.641c0-.266.108-.521.298-.705a.95.95%200%200%201%20.71-.264c1.261%200%20.931%201.92%203.286%201.92c1.203%200%201.91-.736%201.91-1.425c0-.415-.234-.889-1.028-1.079l-2.629-.673c-2.111-.545-2.479-1.737-2.479-2.842c0-2.293%202.068-3.124%204.036-3.124c1.814%200%203.97%201.016%203.97%202.391c0%20.592-.488.91-1.055.91c-1.078%200-.897-1.536-3.063-1.536c-1.077%200-1.645.513-1.645%201.23s.839.96%201.574%201.123l1.941.445c2.126.486%202.691%201.751%202.691%202.963c0%201.865-1.423%203.305-4.226%203.305m8.139-3.942q.129-.736.128-1.482a8.47%208.47%200%200%200-2.952-6.474a8.21%208.21%200%200%200-6.788-1.856A4.8%204.8%200%200%200%207.935%203a4.95%204.95%200%200%200-4.27%202.519a5.1%205.1%200%200%200-.015%205.011a8.51%208.51%200%200%200%202.282%207.453a8.23%208.23%200%200%200%207.333%202.355a4.8%204.8%200%200%200%202.443.662a4.95%204.95%200%200%200%204.269-2.518a5.1%205.1%200%200%200%20.016-5.009%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxl/skype.svg?color=%231a73e8&size=48
