bxl skype icon
bxl-skype from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- bxl-skype
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
Related icons in BoxIcons v2
Use the bxl skype icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M11.857 17.417c-2.947 0-4.294-1.524-4.294-2.641c0-.266.108-.521.298-.705a.946.946 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.942c.086-.49.128-.986.128-1.482a8.472 8.472 0 0 0-2.952-6.474a8.211 8.211 0 0 0-6.788-1.856A4.818 4.818 0 0 0 7.935 3a4.954 4.954 0 0 0-4.27 2.519a5.103 5.103 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.823 4.823 0 0 0 2.443.662a4.954 4.954 0 0 0 4.269-2.518a5.095 5.095 0 0 0 .016-5.009" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function BxBxlSkype(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M11.857 17.417c-2.947 0-4.294-1.524-4.294-2.641c0-.266.108-.521.298-.705a.946.946 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.942c.086-.49.128-.986.128-1.482a8.472 8.472 0 0 0-2.952-6.474a8.211 8.211 0 0 0-6.788-1.856A4.818 4.818 0 0 0 7.935 3a4.954 4.954 0 0 0-4.27 2.519a5.103 5.103 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.823 4.823 0 0 0 2.443.662a4.954 4.954 0 0 0 4.269-2.518a5.095 5.095 0 0 0 .016-5.009" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M11.857 17.417c-2.947 0-4.294-1.524-4.294-2.641c0-.266.108-.521.298-.705a.946.946 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.942c.086-.49.128-.986.128-1.482a8.472 8.472 0 0 0-2.952-6.474a8.211 8.211 0 0 0-6.788-1.856A4.818 4.818 0 0 0 7.935 3a4.954 4.954 0 0 0-4.27 2.519a5.103 5.103 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.823 4.823 0 0 0 2.443.662a4.954 4.954 0 0 0 4.269-2.518a5.095 5.095 0 0 0 .016-5.009" fill="currentColor"/></svg> </template>
CSS
.icon-bxl-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%20d%3D%22M11.857%2017.417c-2.947%200-4.294-1.524-4.294-2.641c0-.266.108-.521.298-.705a.946.946%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.942c.086-.49.128-.986.128-1.482a8.472%208.472%200%200%200-2.952-6.474a8.211%208.211%200%200%200-6.788-1.856A4.818%204.818%200%200%200%207.935%203a4.954%204.954%200%200%200-4.27%202.519a5.103%205.103%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.823%204.823%200%200%200%202.443.662a4.954%204.954%200%200%200%204.269-2.518a5.095%205.095%200%200%200%20.016-5.009%22%20fill%3D%22currentColor%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%20d%3D%22M11.857%2017.417c-2.947%200-4.294-1.524-4.294-2.641c0-.266.108-.521.298-.705a.946.946%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.942c.086-.49.128-.986.128-1.482a8.472%208.472%200%200%200-2.952-6.474a8.211%208.211%200%200%200-6.788-1.856A4.818%204.818%200%200%200%207.935%203a4.954%204.954%200%200%200-4.27%202.519a5.103%205.103%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.823%204.823%200%200%200%202.443.662a4.954%204.954%200%200%200%204.269-2.518a5.095%205.095%200%200%200%20.016-5.009%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/bxl-skype.svg?color=%231a73e8&size=48
