Hover the icon or press Play. Suggested motion: ring. Pick another to preview it and update the animated code:
Call Outgoing icon
A free call outgoing 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-outgoing.jsonimport * as React from "react";
/**
* Call Outgoing from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
* Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/call-outgoing. Sized in em, colored by currentColor.
*/
export function VscCallOutgoingIcon(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="M10 2.5C10 2.22386 10.2239 2 10.5 2H13.5C13.7762 2 14 2.22386 14 2.5V5.5C14 5.77614 13.7762 6 13.5 6C13.2239 6 13 5.77614 13 5.5V3.70713L9.85356 6.85365C9.6583 7.04891 9.34172 7.04892 9.14646 6.85366C8.95119 6.6584 8.95119 6.34181 9.14645 6.14655L12.2929 3H10.5C10.2239 3 10 2.77614 10 2.5ZM4.37402 2.11972C5.22505 1.79977 6.17932 2.18481 6.57002 3.00577L7.15443 4.23376C7.40334 4.7568 7.32886 5.37641 6.96308 5.82556L6.01811 6.9859C6.03186 7.05631 6.05088 7.14296 6.0767 7.24154C6.15122 7.52609 6.27952 7.89902 6.49337 8.26515C6.7073 8.63143 6.96869 8.92618 7.17941 9.13058C7.25102 9.20005 7.31586 9.25819 7.36966 9.30425L8.87589 9.0276C9.37208 8.93646 9.88084 9.10086 10.2299 9.46511L11.0386 10.309C11.7108 11.0106 11.6829 12.1254 10.9763 12.7924L10.6803 13.0718C9.55432 14.1347 7.8006 14.3617 6.54567 13.3186C5.60587 12.5374 4.4774 11.439 3.62796 10.1058C2.68712 8.6291 2.24786 6.87523 2.03977 5.55515C1.80244 4.04962 2.76051 2.72631 4.11086 2.21865L4.37402 2.11972ZM7.23618 9.83713C6.94732 10.2452 6.94712 10.2451 6.94712 10.2451L6.9453 10.2438L6.94228 10.2416L6.93329 10.2351C6.92602 10.2298 6.91622 10.2226 6.90411 10.2134C6.87992 10.1951 6.84644 10.1692 6.80549 10.1358C6.72369 10.0693 6.61138 9.97276 6.48314 9.84837C6.22816 9.60103 5.90227 9.23588 5.62986 8.76949C5.35738 8.30296 5.19945 7.83904 5.10932 7.49489C5.06399 7.32181 5.0351 7.17628 5.01733 7.07213C5.00844 7.01999 5.00229 6.97801 4.99825 6.94789C4.99623 6.93282 4.99473 6.92071 4.99367 6.91175L4.99241 6.90071L4.99201 6.89701L4.99187 6.89562C4.99187 6.89562 4.99176 6.89455 5.48915 6.84361L4.99176 6.89455C4.97824 6.76261 5.0177 6.63071 5.10146 6.52787L6.18768 5.19408C6.30961 5.04437 6.33444 4.83783 6.25146 4.66348L5.66706 3.43549C5.49962 3.08365 5.09064 2.91864 4.72591 3.05575L4.46276 3.15469C3.47805 3.52488 2.87645 4.44075 3.02757 5.39943C3.22632 6.66022 3.63692 8.25882 4.47133 9.56846C5.24463 10.7822 6.28883 11.8047 7.1849 12.5495C7.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.98077 9.05654 10.0111L7.32651 10.3289C7.194 10.3532 7.05709 10.3229 6.94712 10.2451L7.23618 9.83713Z"
/>
</svg>
);
}import { VscCallOutgoing } from "react-icons/vsc";
export function Example() {
return <VscCallOutgoing 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="M10 2.5C10 2.22386 10.2239 2 10.5 2H13.5C13.7762 2 14 2.22386 14 2.5V5.5C14 5.77614 13.7762 6 13.5 6C13.2239 6 13 5.77614 13 5.5V3.70713L9.85356 6.85365C9.6583 7.04891 9.34172 7.04892 9.14646 6.85366C8.95119 6.6584 8.95119 6.34181 9.14645 6.14655L12.2929 3H10.5C10.2239 3 10 2.77614 10 2.5ZM4.37402 2.11972C5.22505 1.79977 6.17932 2.18481 6.57002 3.00577L7.15443 4.23376C7.40334 4.7568 7.32886 5.37641 6.96308 5.82556L6.01811 6.9859C6.03186 7.05631 6.05088 7.14296 6.0767 7.24154C6.15122 7.52609 6.27952 7.89902 6.49337 8.26515C6.7073 8.63143 6.96869 8.92618 7.17941 9.13058C7.25102 9.20005 7.31586 9.25819 7.36966 9.30425L8.87589 9.0276C9.37208 8.93646 9.88084 9.10086 10.2299 9.46511L11.0386 10.309C11.7108 11.0106 11.6829 12.1254 10.9763 12.7924L10.6803 13.0718C9.55432 14.1347 7.8006 14.3617 6.54567 13.3186C5.60587 12.5374 4.4774 11.439 3.62796 10.1058C2.68712 8.6291 2.24786 6.87523 2.03977 5.55515C1.80244 4.04962 2.76051 2.72631 4.11086 2.21865L4.37402 2.11972ZM7.23618 9.83713C6.94732 10.2452 6.94712 10.2451 6.94712 10.2451L6.9453 10.2438L6.94228 10.2416L6.93329 10.2351C6.92602 10.2298 6.91622 10.2226 6.90411 10.2134C6.87992 10.1951 6.84644 10.1692 6.80549 10.1358C6.72369 10.0693 6.61138 9.97276 6.48314 9.84837C6.22816 9.60103 5.90227 9.23588 5.62986 8.76949C5.35738 8.30296 5.19945 7.83904 5.10932 7.49489C5.06399 7.32181 5.0351 7.17628 5.01733 7.07213C5.00844 7.01999 5.00229 6.97801 4.99825 6.94789C4.99623 6.93282 4.99473 6.92071 4.99367 6.91175L4.99241 6.90071L4.99201 6.89701L4.99187 6.89562C4.99187 6.89562 4.99176 6.89455 5.48915 6.84361L4.99176 6.89455C4.97824 6.76261 5.0177 6.63071 5.10146 6.52787L6.18768 5.19408C6.30961 5.04437 6.33444 4.83783 6.25146 4.66348L5.66706 3.43549C5.49962 3.08365 5.09064 2.91864 4.72591 3.05575L4.46276 3.15469C3.47805 3.52488 2.87645 4.44075 3.02757 5.39943C3.22632 6.66022 3.63692 8.25882 4.47133 9.56846C5.24463 10.7822 6.28883 11.8047 7.1849 12.5495C7.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.98077 9.05654 10.0111L7.32651 10.3289C7.194 10.3532 7.05709 10.3229 6.94712 10.2451L7.23618 9.83713Z"
/>
</svg>"Call Outgoing" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.