Hover the icon or press Play. Suggested motion: ring. Pick another to preview it and update the animated code:
Call Incoming icon
A free call incoming icon from VS Code 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
- CC BY 4.0 license
- Project
- github.com
npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/call-incoming.jsonimport * as React from "react";
/**
* Call Incoming from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
* Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/call-incoming. Sized in em, colored by currentColor.
*/
export function VscCallIncomingIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
viewBox="0 0 16 16"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M13.8536 2.14646C14.0488 2.34172 14.0488 2.65831 13.8536 2.85357L10.7071 6.00002H12.5023C12.7785 6.00002 13.0023 6.22387 13.0023 6.50002C13.0023 6.77616 12.7785 7.00002 12.5023 7.00002H9.50001C9.22387 7.00002 9.00001 6.77616 9.00001 6.50002V3.50002C9.00001 3.22387 9.22387 3.00002 9.50001 3.00002C9.77615 3.00002 10 3.22387 10 3.50002V5.29291L13.1465 2.14646C13.3417 1.9512 13.6583 1.9512 13.8536 2.14646ZM4.37402 2.11973C5.22505 1.79979 6.17932 2.18483 6.57002 3.00579L7.15443 4.23378C7.40334 4.75682 7.32886 5.37643 6.96308 5.82558L6.01811 6.98592C6.03186 7.05633 6.05088 7.14298 6.0767 7.24156C6.15122 7.52611 6.27952 7.89904 6.49337 8.26517C6.7073 8.63144 6.96869 8.9262 7.17941 9.1306C7.25102 9.20007 7.31586 9.2582 7.36966 9.30427L8.87589 9.02762C9.37208 8.93648 9.88084 9.10087 10.2299 9.46513L11.0386 10.309C11.7108 11.0106 11.6829 12.1255 10.9763 12.7924L10.6803 13.0719C9.55432 14.1347 7.8006 14.3617 6.54567 13.3186C5.60587 12.5374 4.4774 11.439 3.62796 10.1058C2.68712 8.62912 2.24786 6.87525 2.03977 5.55517C1.80244 4.04964 2.76051 2.72633 4.11086 2.21867L4.37402 2.11973ZM7.23618 9.83715C6.94732 10.2453 6.94712 10.2451 6.94712 10.2451L6.9453 10.2438L6.94228 10.2417L6.93329 10.2351C6.92602 10.2298 6.91622 10.2226 6.90411 10.2134C6.87992 10.1951 6.84644 10.1692 6.80549 10.1359C6.72369 10.0693 6.61138 9.97277 6.48314 9.84839C6.22816 9.60105 5.90227 9.2359 5.62986 8.76951C5.35738 8.30298 5.19945 7.83905 5.10932 7.49491C5.06399 7.32182 5.0351 7.1763 5.01733 7.07215C5.00844 7.02001 5.00229 6.97803 4.99825 6.94791C4.99623 6.93284 4.99473 6.92073 4.99367 6.91177L4.99241 6.90073L4.99201 6.89703L4.99187 6.89564C4.99187 6.89564 4.99176 6.89457 5.48915 6.84363L4.99176 6.89457C4.97824 6.76263 5.0177 6.63073 5.10146 6.52789L6.18768 5.1941C6.30961 5.04439 6.33444 4.83785 6.25146 4.6635L5.66706 3.43551C5.49962 3.08367 5.09064 2.91865 4.72591 3.05577L4.46276 3.1547C3.47805 3.5249 2.87645 4.44077 3.02757 5.39945C3.22632 6.66024 3.63692 8.25884 4.47133 9.56848C5.24463 10.7822 6.28883 11.8047 7.1849 12.5496C7.98839 13.2174 9.17328 13.1192 9.99382 12.3447L10.2899 12.0652C10.5927 11.7794 10.6047 11.3016 10.3166 11.0009L9.50787 10.157C9.39152 10.0356 9.22193 9.98078 9.05654 10.0112L7.32651 10.3289C7.194 10.3533 7.05709 10.323 6.94712 10.2451L7.23618 9.83715Z"
/>
</svg>
);
}import { VscCallIncoming } from "react-icons/vsc";
export function Example() {
return <VscCallIncoming className="size-5" />;
}<svg
viewBox="0 0 16 16"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M13.8536 2.14646C14.0488 2.34172 14.0488 2.65831 13.8536 2.85357L10.7071 6.00002H12.5023C12.7785 6.00002 13.0023 6.22387 13.0023 6.50002C13.0023 6.77616 12.7785 7.00002 12.5023 7.00002H9.50001C9.22387 7.00002 9.00001 6.77616 9.00001 6.50002V3.50002C9.00001 3.22387 9.22387 3.00002 9.50001 3.00002C9.77615 3.00002 10 3.22387 10 3.50002V5.29291L13.1465 2.14646C13.3417 1.9512 13.6583 1.9512 13.8536 2.14646ZM4.37402 2.11973C5.22505 1.79979 6.17932 2.18483 6.57002 3.00579L7.15443 4.23378C7.40334 4.75682 7.32886 5.37643 6.96308 5.82558L6.01811 6.98592C6.03186 7.05633 6.05088 7.14298 6.0767 7.24156C6.15122 7.52611 6.27952 7.89904 6.49337 8.26517C6.7073 8.63144 6.96869 8.9262 7.17941 9.1306C7.25102 9.20007 7.31586 9.2582 7.36966 9.30427L8.87589 9.02762C9.37208 8.93648 9.88084 9.10087 10.2299 9.46513L11.0386 10.309C11.7108 11.0106 11.6829 12.1255 10.9763 12.7924L10.6803 13.0719C9.55432 14.1347 7.8006 14.3617 6.54567 13.3186C5.60587 12.5374 4.4774 11.439 3.62796 10.1058C2.68712 8.62912 2.24786 6.87525 2.03977 5.55517C1.80244 4.04964 2.76051 2.72633 4.11086 2.21867L4.37402 2.11973ZM7.23618 9.83715C6.94732 10.2453 6.94712 10.2451 6.94712 10.2451L6.9453 10.2438L6.94228 10.2417L6.93329 10.2351C6.92602 10.2298 6.91622 10.2226 6.90411 10.2134C6.87992 10.1951 6.84644 10.1692 6.80549 10.1359C6.72369 10.0693 6.61138 9.97277 6.48314 9.84839C6.22816 9.60105 5.90227 9.2359 5.62986 8.76951C5.35738 8.30298 5.19945 7.83905 5.10932 7.49491C5.06399 7.32182 5.0351 7.1763 5.01733 7.07215C5.00844 7.02001 5.00229 6.97803 4.99825 6.94791C4.99623 6.93284 4.99473 6.92073 4.99367 6.91177L4.99241 6.90073L4.99201 6.89703L4.99187 6.89564C4.99187 6.89564 4.99176 6.89457 5.48915 6.84363L4.99176 6.89457C4.97824 6.76263 5.0177 6.63073 5.10146 6.52789L6.18768 5.1941C6.30961 5.04439 6.33444 4.83785 6.25146 4.6635L5.66706 3.43551C5.49962 3.08367 5.09064 2.91865 4.72591 3.05577L4.46276 3.1547C3.47805 3.5249 2.87645 4.44077 3.02757 5.39945C3.22632 6.66024 3.63692 8.25884 4.47133 9.56848C5.24463 10.7822 6.28883 11.8047 7.1849 12.5496C7.98839 13.2174 9.17328 13.1192 9.99382 12.3447L10.2899 12.0652C10.5927 11.7794 10.6047 11.3016 10.3166 11.0009L9.50787 10.157C9.39152 10.0356 9.22193 9.98078 9.05654 10.0112L7.32651 10.3289C7.194 10.3533 7.05709 10.323 6.94712 10.2451L7.23618 9.83715Z"
/>
</svg>"Call Incoming" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.