Hover the icon or press Play. Suggested motion: spin. Pick another to preview it and update the animated code:

VS Code Icons · VscSyncIgnored

Sync Ignored icon

A free sync ignored 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.

Also known asrefresh icon reload icon update icon rotate icon repeat icon loop icon cloud icon storage icon

License: CC BY 4.0 license
Project: github.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/sync-ignored.json

components/icons/vscode-codicons-sync-ignored.tsx

import * as React from "react";

/**
 * Sync Ignored from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/sync-ignored. Sized in em, colored by currentColor.
 */
export function VscSyncIgnoredIcon(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="M2.14038 2.15039C2.34038 1.95039 2.65034 1.95039 2.85034 2.15039L13.8298 13.1602C14.0298 13.3602 14.0298 13.6701 13.8298 13.8701C13.7399 13.97 13.6001 14.0195 13.4802 14.0195C13.3602 14.0195 13.2296 13.9701 13.1296 13.8701L11.8503 12.5898C10.8003 13.4898 9.43999 14.0195 7.98999 14.0195C5.94001 14.0195 4.08 12.99 2.98999 11.3301V12.5195C2.98999 12.7995 2.76999 13.0195 2.48999 13.0195C2.20999 13.0195 1.98999 12.7995 1.98999 12.5195V9.51953C1.99024 9.23975 2.21015 9.01953 2.48999 9.01953H5.48999C5.76983 9.01953 5.98974 9.23975 5.98999 9.51953C5.98999 9.79953 5.76999 10.0195 5.48999 10.0195H3.40991C4.20991 11.8495 5.97999 13.0195 7.98999 13.0195C9.15999 13.0195 10.2704 12.5899 11.1404 11.8799L4.11987 4.86035C3.69998 5.3703 3.37039 5.98051 3.18042 6.65039C3.12034 6.87024 2.91987 7.00977 2.69995 7.00977C2.65008 7.00976 2.61013 7.00021 2.5603 6.99023C2.3003 6.91023 2.14046 6.64012 2.22046 6.37012C2.46046 5.53012 2.87968 4.77964 3.41968 4.13965L2.14038 2.86035C1.94038 2.66035 1.94038 2.35039 2.14038 2.15039Z"
      />
      <path
        d="M13.4197 9.02051V9.03027C13.6897 9.11027 13.8503 9.38039 13.7703 9.65039C13.6303 10.1503 13.4101 10.6101 13.1501 11.04L12.4197 10.3105C12.5697 10.0106 12.7096 9.70006 12.7996 9.37012C12.8795 9.10016 13.1597 8.95058 13.4197 9.02051Z"
      />
      <path
        d="M7.99976 2C10.0498 2 11.9098 3.03043 12.9998 4.69043V3.5C12.9998 3.22007 13.2199 3.00011 13.4998 3C13.7798 3 13.9998 3.22 13.9998 3.5V6.5C13.9998 6.78 13.7798 7 13.4998 7H10.4998C10.2199 6.99989 9.99976 6.77993 9.99976 6.5C9.99976 6.22007 10.2199 6.00011 10.4998 6H12.5798C11.7798 4.17003 10.0097 3 7.99976 3C7.16985 3.00003 6.39012 3.20036 5.69019 3.57031L4.97046 2.84961C5.87028 2.30984 6.91005 2.00004 7.99976 2Z"
      />
    </svg>
  );
}

With react-icons

import { VscSyncIgnored } from "react-icons/vsc";

export function Example() {
  return <VscSyncIgnored className="size-5" />;
}

sync-ignored.svg

<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="M2.14038 2.15039C2.34038 1.95039 2.65034 1.95039 2.85034 2.15039L13.8298 13.1602C14.0298 13.3602 14.0298 13.6701 13.8298 13.8701C13.7399 13.97 13.6001 14.0195 13.4802 14.0195C13.3602 14.0195 13.2296 13.9701 13.1296 13.8701L11.8503 12.5898C10.8003 13.4898 9.43999 14.0195 7.98999 14.0195C5.94001 14.0195 4.08 12.99 2.98999 11.3301V12.5195C2.98999 12.7995 2.76999 13.0195 2.48999 13.0195C2.20999 13.0195 1.98999 12.7995 1.98999 12.5195V9.51953C1.99024 9.23975 2.21015 9.01953 2.48999 9.01953H5.48999C5.76983 9.01953 5.98974 9.23975 5.98999 9.51953C5.98999 9.79953 5.76999 10.0195 5.48999 10.0195H3.40991C4.20991 11.8495 5.97999 13.0195 7.98999 13.0195C9.15999 13.0195 10.2704 12.5899 11.1404 11.8799L4.11987 4.86035C3.69998 5.3703 3.37039 5.98051 3.18042 6.65039C3.12034 6.87024 2.91987 7.00977 2.69995 7.00977C2.65008 7.00976 2.61013 7.00021 2.5603 6.99023C2.3003 6.91023 2.14046 6.64012 2.22046 6.37012C2.46046 5.53012 2.87968 4.77964 3.41968 4.13965L2.14038 2.86035C1.94038 2.66035 1.94038 2.35039 2.14038 2.15039Z"
  />
  <path
    d="M13.4197 9.02051V9.03027C13.6897 9.11027 13.8503 9.38039 13.7703 9.65039C13.6303 10.1503 13.4101 10.6101 13.1501 11.04L12.4197 10.3105C12.5697 10.0106 12.7096 9.70006 12.7996 9.37012C12.8795 9.10016 13.1597 8.95058 13.4197 9.02051Z"
  />
  <path
    d="M7.99976 2C10.0498 2 11.9098 3.03043 12.9998 4.69043V3.5C12.9998 3.22007 13.2199 3.00011 13.4998 3C13.7798 3 13.9998 3.22 13.9998 3.5V6.5C13.9998 6.78 13.7798 7 13.4998 7H10.4998C10.2199 6.99989 9.99976 6.77993 9.99976 6.5C9.99976 6.22007 10.2199 6.00011 10.4998 6H12.5798C11.7798 4.17003 10.0097 3 7.99976 3C7.16985 3.00003 6.39012 3.20036 5.69019 3.57031L4.97046 2.84961C5.87028 2.30984 6.91005 2.00004 7.99976 2Z"
  />
</svg>

Attribution

"Sync Ignored" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.

Related icons: refresh, reload, update, rotate

Similar VS Code Icons icons