skype logo icon
skype-logo-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- skype-logo-light
- Set
- Phosphor
- Style
- Light
- 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="M166 152c0 16.54-17.05 30-38 30s-38-13.46-38-30a6 6 0 0 1 12 0c0 9.76 11.91 18 26 18s26-8.24 26-18c0-11.21-10.7-15.1-28.33-20.18c-15.89-4.58-33.89-9.77-33.89-27.82c0-17.1 15.57-30 36.22-30c15 0 27.74 6.88 33.34 18a6 6 0 0 1-10.71 5.42C147.08 90.36 138.41 86 128 86c-13.81 0-24.22 7.74-24.22 18c0 8.41 9.52 11.76 25.21 16.29C145.48 125 166 131 166 152m64 24a54.06 54.06 0 0 1-54 54a53.43 53.43 0 0 1-30.72-9.59A94.06 94.06 0 0 1 35.59 110.72A53.43 53.43 0 0 1 26 80a54.06 54.06 0 0 1 54-54a53.43 53.43 0 0 1 30.72 9.59a94.06 94.06 0 0 1 109.69 109.69A53.43 53.43 0 0 1 230 176m-12 0a41.57 41.57 0 0 0-8.74-25.65a6 6 0 0 1-1.11-4.93a82.09 82.09 0 0 0-97.57-97.57a6 6 0 0 1-4.93-1.11A41.57 41.57 0 0 0 80 38a42 42 0 0 0-42 42a41.57 41.57 0 0 0 8.74 25.65a6 6 0 0 1 1.11 4.93a82.09 82.09 0 0 0 97.57 97.57a5.95 5.95 0 0 1 4.93 1.11A41.57 41.57 0 0 0 176 218a42 42 0 0 0 42-42"/></svg>
React
import type { SVGProps } from "react";
export function PhSkypeLogoLight(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="M166 152c0 16.54-17.05 30-38 30s-38-13.46-38-30a6 6 0 0 1 12 0c0 9.76 11.91 18 26 18s26-8.24 26-18c0-11.21-10.7-15.1-28.33-20.18c-15.89-4.58-33.89-9.77-33.89-27.82c0-17.1 15.57-30 36.22-30c15 0 27.74 6.88 33.34 18a6 6 0 0 1-10.71 5.42C147.08 90.36 138.41 86 128 86c-13.81 0-24.22 7.74-24.22 18c0 8.41 9.52 11.76 25.21 16.29C145.48 125 166 131 166 152m64 24a54.06 54.06 0 0 1-54 54a53.43 53.43 0 0 1-30.72-9.59A94.06 94.06 0 0 1 35.59 110.72A53.43 53.43 0 0 1 26 80a54.06 54.06 0 0 1 54-54a53.43 53.43 0 0 1 30.72 9.59a94.06 94.06 0 0 1 109.69 109.69A53.43 53.43 0 0 1 230 176m-12 0a41.57 41.57 0 0 0-8.74-25.65a6 6 0 0 1-1.11-4.93a82.09 82.09 0 0 0-97.57-97.57a6 6 0 0 1-4.93-1.11A41.57 41.57 0 0 0 80 38a42 42 0 0 0-42 42a41.57 41.57 0 0 0 8.74 25.65a6 6 0 0 1 1.11 4.93a82.09 82.09 0 0 0 97.57 97.57a5.95 5.95 0 0 1 4.93 1.11A41.57 41.57 0 0 0 176 218a42 42 0 0 0 42-42"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M166 152c0 16.54-17.05 30-38 30s-38-13.46-38-30a6 6 0 0 1 12 0c0 9.76 11.91 18 26 18s26-8.24 26-18c0-11.21-10.7-15.1-28.33-20.18c-15.89-4.58-33.89-9.77-33.89-27.82c0-17.1 15.57-30 36.22-30c15 0 27.74 6.88 33.34 18a6 6 0 0 1-10.71 5.42C147.08 90.36 138.41 86 128 86c-13.81 0-24.22 7.74-24.22 18c0 8.41 9.52 11.76 25.21 16.29C145.48 125 166 131 166 152m64 24a54.06 54.06 0 0 1-54 54a53.43 53.43 0 0 1-30.72-9.59A94.06 94.06 0 0 1 35.59 110.72A53.43 53.43 0 0 1 26 80a54.06 54.06 0 0 1 54-54a53.43 53.43 0 0 1 30.72 9.59a94.06 94.06 0 0 1 109.69 109.69A53.43 53.43 0 0 1 230 176m-12 0a41.57 41.57 0 0 0-8.74-25.65a6 6 0 0 1-1.11-4.93a82.09 82.09 0 0 0-97.57-97.57a6 6 0 0 1-4.93-1.11A41.57 41.57 0 0 0 80 38a42 42 0 0 0-42 42a41.57 41.57 0 0 0 8.74 25.65a6 6 0 0 1 1.11 4.93a82.09 82.09 0 0 0 97.57 97.57a5.95 5.95 0 0 1 4.93 1.11A41.57 41.57 0 0 0 176 218a42 42 0 0 0 42-42"/></svg> </template>
CSS
.icon-skype-logo-light {
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%22M166%20152c0%2016.54-17.05%2030-38%2030s-38-13.46-38-30a6%206%200%200%201%2012%200c0%209.76%2011.91%2018%2026%2018s26-8.24%2026-18c0-11.21-10.7-15.1-28.33-20.18c-15.89-4.58-33.89-9.77-33.89-27.82c0-17.1%2015.57-30%2036.22-30c15%200%2027.74%206.88%2033.34%2018a6%206%200%200%201-10.71%205.42C147.08%2090.36%20138.41%2086%20128%2086c-13.81%200-24.22%207.74-24.22%2018c0%208.41%209.52%2011.76%2025.21%2016.29C145.48%20125%20166%20131%20166%20152m64%2024a54.06%2054.06%200%200%201-54%2054a53.43%2053.43%200%200%201-30.72-9.59A94.06%2094.06%200%200%201%2035.59%20110.72A53.43%2053.43%200%200%201%2026%2080a54.06%2054.06%200%200%201%2054-54a53.43%2053.43%200%200%201%2030.72%209.59a94.06%2094.06%200%200%201%20109.69%20109.69A53.43%2053.43%200%200%201%20230%20176m-12%200a41.57%2041.57%200%200%200-8.74-25.65a6%206%200%200%201-1.11-4.93a82.09%2082.09%200%200%200-97.57-97.57a6%206%200%200%201-4.93-1.11A41.57%2041.57%200%200%200%2080%2038a42%2042%200%200%200-42%2042a41.57%2041.57%200%200%200%208.74%2025.65a6%206%200%200%201%201.11%204.93a82.09%2082.09%200%200%200%2097.57%2097.57a5.95%205.95%200%200%201%204.93%201.11A41.57%2041.57%200%200%200%20176%20218a42%2042%200%200%200%2042-42%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%22M166%20152c0%2016.54-17.05%2030-38%2030s-38-13.46-38-30a6%206%200%200%201%2012%200c0%209.76%2011.91%2018%2026%2018s26-8.24%2026-18c0-11.21-10.7-15.1-28.33-20.18c-15.89-4.58-33.89-9.77-33.89-27.82c0-17.1%2015.57-30%2036.22-30c15%200%2027.74%206.88%2033.34%2018a6%206%200%200%201-10.71%205.42C147.08%2090.36%20138.41%2086%20128%2086c-13.81%200-24.22%207.74-24.22%2018c0%208.41%209.52%2011.76%2025.21%2016.29C145.48%20125%20166%20131%20166%20152m64%2024a54.06%2054.06%200%200%201-54%2054a53.43%2053.43%200%200%201-30.72-9.59A94.06%2094.06%200%200%201%2035.59%20110.72A53.43%2053.43%200%200%201%2026%2080a54.06%2054.06%200%200%201%2054-54a53.43%2053.43%200%200%201%2030.72%209.59a94.06%2094.06%200%200%201%20109.69%20109.69A53.43%2053.43%200%200%201%20230%20176m-12%200a41.57%2041.57%200%200%200-8.74-25.65a6%206%200%200%201-1.11-4.93a82.09%2082.09%200%200%200-97.57-97.57a6%206%200%200%201-4.93-1.11A41.57%2041.57%200%200%200%2080%2038a42%2042%200%200%200-42%2042a41.57%2041.57%200%200%200%208.74%2025.65a6%206%200%200%201%201.11%204.93a82.09%2082.09%200%200%200%2097.57%2097.57a5.95%205.95%200%200%201%204.93%201.11A41.57%2041.57%200%200%200%20176%20218a42%2042%200%200%200%2042-42%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/skype-logo-light.svg?color=%231a73e8&size=48
