skype logo icon
skype-logo-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- skype-logo-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Use the skype logo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M164 152c0 15.44-16.15 28-36 28s-36-12.56-36-28a4 4 0 0 1 8 0c0 11 12.56 20 28 20s28-9 28-20c0-12.58-11.79-16.92-29.78-22.11c-15.22-4.38-32.44-9.35-32.44-25.89c0-16 14.71-28 34.22-28c14.2 0 26.29 6.46 31.55 16.85a4 4 0 1 1-7.13 3.61C148.53 88.78 139.17 84 128 84c-15 0-26.22 8.6-26.22 20c0 9.81 10.07 13.43 26.66 18.21S164 132.46 164 152m64 24a52.06 52.06 0 0 1-52 52a51.43 51.43 0 0 1-30.26-9.71a92.08 92.08 0 0 1-108-108A51.43 51.43 0 0 1 28 80a52.06 52.06 0 0 1 52-52a51.43 51.43 0 0 1 30.26 9.71a92.08 92.08 0 0 1 108 108A51.43 51.43 0 0 1 228 176m-8 0a43.63 43.63 0 0 0-9.15-26.87a4 4 0 0 1-.75-3.29a84.07 84.07 0 0 0-99.94-99.94a4 4 0 0 1-3.29-.75a44 44 0 0 0-61.72 61.72a4 4 0 0 1 .75 3.29a84.07 84.07 0 0 0 99.94 99.94a4 4 0 0 1 3.29.75A44 44 0 0 0 220 176"/></svg>
React
import type { SVGProps } from "react";
export function PhSkypeLogoThin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M164 152c0 15.44-16.15 28-36 28s-36-12.56-36-28a4 4 0 0 1 8 0c0 11 12.56 20 28 20s28-9 28-20c0-12.58-11.79-16.92-29.78-22.11c-15.22-4.38-32.44-9.35-32.44-25.89c0-16 14.71-28 34.22-28c14.2 0 26.29 6.46 31.55 16.85a4 4 0 1 1-7.13 3.61C148.53 88.78 139.17 84 128 84c-15 0-26.22 8.6-26.22 20c0 9.81 10.07 13.43 26.66 18.21S164 132.46 164 152m64 24a52.06 52.06 0 0 1-52 52a51.43 51.43 0 0 1-30.26-9.71a92.08 92.08 0 0 1-108-108A51.43 51.43 0 0 1 28 80a52.06 52.06 0 0 1 52-52a51.43 51.43 0 0 1 30.26 9.71a92.08 92.08 0 0 1 108 108A51.43 51.43 0 0 1 228 176m-8 0a43.63 43.63 0 0 0-9.15-26.87a4 4 0 0 1-.75-3.29a84.07 84.07 0 0 0-99.94-99.94a4 4 0 0 1-3.29-.75a44 44 0 0 0-61.72 61.72a4 4 0 0 1 .75 3.29a84.07 84.07 0 0 0 99.94 99.94a4 4 0 0 1 3.29.75A44 44 0 0 0 220 176"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M164 152c0 15.44-16.15 28-36 28s-36-12.56-36-28a4 4 0 0 1 8 0c0 11 12.56 20 28 20s28-9 28-20c0-12.58-11.79-16.92-29.78-22.11c-15.22-4.38-32.44-9.35-32.44-25.89c0-16 14.71-28 34.22-28c14.2 0 26.29 6.46 31.55 16.85a4 4 0 1 1-7.13 3.61C148.53 88.78 139.17 84 128 84c-15 0-26.22 8.6-26.22 20c0 9.81 10.07 13.43 26.66 18.21S164 132.46 164 152m64 24a52.06 52.06 0 0 1-52 52a51.43 51.43 0 0 1-30.26-9.71a92.08 92.08 0 0 1-108-108A51.43 51.43 0 0 1 28 80a52.06 52.06 0 0 1 52-52a51.43 51.43 0 0 1 30.26 9.71a92.08 92.08 0 0 1 108 108A51.43 51.43 0 0 1 228 176m-8 0a43.63 43.63 0 0 0-9.15-26.87a4 4 0 0 1-.75-3.29a84.07 84.07 0 0 0-99.94-99.94a4 4 0 0 1-3.29-.75a44 44 0 0 0-61.72 61.72a4 4 0 0 1 .75 3.29a84.07 84.07 0 0 0 99.94 99.94a4 4 0 0 1 3.29.75A44 44 0 0 0 220 176"/></svg> </template>
CSS
.icon-skype-logo-thin {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M164%20152c0%2015.44-16.15%2028-36%2028s-36-12.56-36-28a4%204%200%200%201%208%200c0%2011%2012.56%2020%2028%2020s28-9%2028-20c0-12.58-11.79-16.92-29.78-22.11c-15.22-4.38-32.44-9.35-32.44-25.89c0-16%2014.71-28%2034.22-28c14.2%200%2026.29%206.46%2031.55%2016.85a4%204%200%201%201-7.13%203.61C148.53%2088.78%20139.17%2084%20128%2084c-15%200-26.22%208.6-26.22%2020c0%209.81%2010.07%2013.43%2026.66%2018.21S164%20132.46%20164%20152m64%2024a52.06%2052.06%200%200%201-52%2052a51.43%2051.43%200%200%201-30.26-9.71a92.08%2092.08%200%200%201-108-108A51.43%2051.43%200%200%201%2028%2080a52.06%2052.06%200%200%201%2052-52a51.43%2051.43%200%200%201%2030.26%209.71a92.08%2092.08%200%200%201%20108%20108A51.43%2051.43%200%200%201%20228%20176m-8%200a43.63%2043.63%200%200%200-9.15-26.87a4%204%200%200%201-.75-3.29a84.07%2084.07%200%200%200-99.94-99.94a4%204%200%200%201-3.29-.75a44%2044%200%200%200-61.72%2061.72a4%204%200%200%201%20.75%203.29a84.07%2084.07%200%200%200%2099.94%2099.94a4%204%200%200%201%203.29.75A44%2044%200%200%200%20220%20176%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M164%20152c0%2015.44-16.15%2028-36%2028s-36-12.56-36-28a4%204%200%200%201%208%200c0%2011%2012.56%2020%2028%2020s28-9%2028-20c0-12.58-11.79-16.92-29.78-22.11c-15.22-4.38-32.44-9.35-32.44-25.89c0-16%2014.71-28%2034.22-28c14.2%200%2026.29%206.46%2031.55%2016.85a4%204%200%201%201-7.13%203.61C148.53%2088.78%20139.17%2084%20128%2084c-15%200-26.22%208.6-26.22%2020c0%209.81%2010.07%2013.43%2026.66%2018.21S164%20132.46%20164%20152m64%2024a52.06%2052.06%200%200%201-52%2052a51.43%2051.43%200%200%201-30.26-9.71a92.08%2092.08%200%200%201-108-108A51.43%2051.43%200%200%201%2028%2080a52.06%2052.06%200%200%201%2052-52a51.43%2051.43%200%200%201%2030.26%209.71a92.08%2092.08%200%200%201%20108%20108A51.43%2051.43%200%200%201%20228%20176m-8%200a43.63%2043.63%200%200%200-9.15-26.87a4%204%200%200%201-.75-3.29a84.07%2084.07%200%200%200-99.94-99.94a4%204%200%200%201-3.29-.75a44%2044%200%200%200-61.72%2061.72a4%204%200%200%201%20.75%203.29a84.07%2084.07%200%200%200%2099.94%2099.94a4%204%200%200%201%203.29.75A44%2044%200%200%200%20220%20176%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/skype-logo-thin.svg?color=%231a73e8&size=48
