Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Skype icon
A free skype icon from Themify Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.
- License
- MIT license
- Project
- github.com
npx shadcn@latest add https://ui.cuelark.com/r/icons/themify/skype.jsonimport * as React from "react";
/**
* Skype from Themify Icons (https://github.com/lykmapipo/themify-icons), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/themify/skype. Sized in em, colored by currentColor.
*/
export function TfiSkypeIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
version="1.1"
viewBox="0 0 17 17"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g />
<path
d="M16.199 9.943c0.089-0.49 0.134-0.975 0.134-1.443 0-4.788-4.269-8.608-9.277-7.699-0.756-0.525-1.635-0.801-2.556-0.801-2.481 0-4.5 2.019-4.5 4.5 0 0.921 0.276 1.8 0.801 2.557-0.089 0.49-0.134 0.974-0.134 1.443 0 4.788 4.27 8.608 9.277 7.699 0.756 0.525 1.635 0.801 2.556 0.801 2.481 0 4.5-2.019 4.5-4.5 0-0.921-0.276-1.8-0.801-2.557zM12.5 16c-0.775 0-1.512-0.252-2.133-0.729l-0.182-0.14-0.225 0.047c-0.499 0.103-0.99 0.155-1.461 0.155-3.768 0-6.833-3.065-6.833-6.833 0-0.471 0.052-0.962 0.156-1.461l0.046-0.225-0.14-0.182c-0.476-0.619-0.728-1.358-0.728-2.132 0-1.93 1.57-3.5 3.5-3.5 0.775 0 1.512 0.252 2.133 0.729l0.182 0.14 0.225-0.047c0.498-0.102 0.989-0.155 1.46-0.155 3.768 0 6.833 3.065 6.833 6.833 0 0.471-0.052 0.962-0.156 1.461l-0.046 0.225 0.14 0.182c0.477 0.619 0.729 1.358 0.729 2.132 0 1.93-1.57 3.5-3.5 3.5zM12.719 10.239c0 2.115-2.042 3.094-4 3.094-2.344 0-4.303-1.042-4.303-2.323 0-0.572 0.323-1.093 1.053-1.093 1.115 0 1.219 1.604 3.146 1.604 0.916 0 1.51-0.405 1.51-0.937 0-0.667-0.573-0.771-1.5-1l-1.521-0.375c-1.52-0.365-2.688-0.99-2.688-2.74 0-2.114 2.094-2.896 3.896-2.896 1.969 0 3.958 0.781 3.958 1.979 0 0.604-0.406 1.136-1.083 1.136-1.011 0-1.042-1.197-2.678-1.197-0.916 0-1.5 0.249-1.5 0.801 0 0.605 0.594 0.74 1.387 0.928l1.082 0.25c1.48 0.333 3.241 0.957 3.241 2.769z"
/>
</svg>
);
}import { TfiSkype } from "react-icons/tfi";
export function Example() {
return <TfiSkype className="size-5" />;
}<svg
version="1.1"
viewBox="0 0 17 17"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<g />
<path
d="M16.199 9.943c0.089-0.49 0.134-0.975 0.134-1.443 0-4.788-4.269-8.608-9.277-7.699-0.756-0.525-1.635-0.801-2.556-0.801-2.481 0-4.5 2.019-4.5 4.5 0 0.921 0.276 1.8 0.801 2.557-0.089 0.49-0.134 0.974-0.134 1.443 0 4.788 4.27 8.608 9.277 7.699 0.756 0.525 1.635 0.801 2.556 0.801 2.481 0 4.5-2.019 4.5-4.5 0-0.921-0.276-1.8-0.801-2.557zM12.5 16c-0.775 0-1.512-0.252-2.133-0.729l-0.182-0.14-0.225 0.047c-0.499 0.103-0.99 0.155-1.461 0.155-3.768 0-6.833-3.065-6.833-6.833 0-0.471 0.052-0.962 0.156-1.461l0.046-0.225-0.14-0.182c-0.476-0.619-0.728-1.358-0.728-2.132 0-1.93 1.57-3.5 3.5-3.5 0.775 0 1.512 0.252 2.133 0.729l0.182 0.14 0.225-0.047c0.498-0.102 0.989-0.155 1.46-0.155 3.768 0 6.833 3.065 6.833 6.833 0 0.471-0.052 0.962-0.156 1.461l-0.046 0.225 0.14 0.182c0.477 0.619 0.729 1.358 0.729 2.132 0 1.93-1.57 3.5-3.5 3.5zM12.719 10.239c0 2.115-2.042 3.094-4 3.094-2.344 0-4.303-1.042-4.303-2.323 0-0.572 0.323-1.093 1.053-1.093 1.115 0 1.219 1.604 3.146 1.604 0.916 0 1.51-0.405 1.51-0.937 0-0.667-0.573-0.771-1.5-1l-1.521-0.375c-1.52-0.365-2.688-0.99-2.688-2.74 0-2.114 2.094-2.896 3.896-2.896 1.969 0 3.958 0.781 3.958 1.979 0 0.604-0.406 1.136-1.083 1.136-1.011 0-1.042-1.197-2.678-1.197-0.916 0-1.5 0.249-1.5 0.801 0 0.605 0.594 0.74 1.387 0.928l1.082 0.25c1.48 0.333 3.241 0.957 3.241 2.769z"
/>
</svg>"Skype" icon from Themify Icons (https://github.com/lykmapipo/themify-icons), licensed under MIT license.