@material-ui/core#SvgIconProps TypeScript Examples

The following examples show how to use @material-ui/core#SvgIconProps. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: AzurePipelinesIcon.tsx    From backstage with Apache License 2.0 6 votes vote down vote up 
AzurePipelinesIcon = (props: SvgIconProps) => (
  <SvgIcon {...props} viewBox="0 0 512 512">
    <path
      fill="none"
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      strokeWidth="32"
      d="M461.81 53.81a4.4 4.4 0 00-3.3-3.39c-54.38-13.3-180 34.09-248.13 102.17a294.9 294.9 0 00-33.09 39.08c-21-1.9-42-.3-59.88 7.5-50.49 22.2-65.18 80.18-69.28 105.07a9 9 0 009.8 10.4l81.07-8.9a180.29 180.29 0 001.1 18.3 18.15 18.15 0 005.3 11.09l31.39 31.39a18.15 18.15 0 0011.1 5.3 179.91 179.91 0 0018.19 1.1l-8.89 81a9 9 0 0010.39 9.79c24.9-4 83-18.69 105.07-69.17 7.8-17.9 9.4-38.79 7.6-59.69a293.91 293.91 0 0039.19-33.09c68.38-68 115.47-190.86 102.37-247.95zM298.66 213.67a42.7 42.7 0 1160.38 0 42.65 42.65 0 01-60.38 0z"
    />
    <path
      fill="none"
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      strokeWidth="32"
      d="M109.64 352a45.06 45.06 0 00-26.35 12.84C65.67 382.52 64 448 64 448s65.52-1.67 83.15-19.31A44.73 44.73 0 00160 402.32"
    />
  </SvgIcon>
)
Example #2
Source File: Home.tsx    From storefront with MIT License 5 votes vote down vote up 
Home: React.VFC<SvgIconProps> = (props) => <SvgIcon {...props} component={HomeSVG} />
Example #3
Source File: AzurePullRequestsIcon.tsx    From backstage with Apache License 2.0 5 votes vote down vote up 
AzurePullRequestsIcon = (props: SvgIconProps) => (
  <SvgIcon {...props} viewBox="0 0 512 512">
    <circle
      fill="none"
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      strokeWidth="32"
      cx="128"
      cy="416"
      r="48"
    />
    <path
      fill="none"
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      strokeWidth="32"
      d="M128 144v224M288 160l-64-64 64-64"
    />
    <circle
      fill="none"
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      strokeWidth="32"
      cx="128"
      cy="96"
      r="48"
    />
    <circle
      fill="none"
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      strokeWidth="32"
      cx="384"
      cy="416"
      r="48"
    />
    <path
      fill="none"
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      strokeWidth="32"
      d="M240 96h84a60 60 0 0160 60v212"
    />
  </SvgIcon>
)
Example #4
Source File: AzureGitTagsIcon.tsx    From backstage with Apache License 2.0 5 votes vote down vote up 
AzureGitTagsIcon = (props: SvgIconProps) => (
  <SvgIcon {...props} viewBox="0 0 32 32">
    <path d="M22.5 12C23.8807 12 25 10.8807 25 9.5C25 8.11929 23.8807 7 22.5 7C21.1193 7 20 8.11929 20 9.5C20 10.8807 21.1193 12 22.5 12ZM18.6842 3C17.6695 3 16.6927 3.38568 15.9516 4.07892L3.77041 15.4742C2.01578 17.1157 1.96966 19.8841 3.66863 21.5831L9.99455 27.909C11.6543 29.5687 14.3452 29.5687 16.005 27.909L27.8282 16.0858C28.5783 15.3356 28.9998 14.3182 28.9998 13.2574V6.5C28.9998 4.567 27.4328 3 25.4998 3H18.6842ZM17.3179 5.53946C17.6884 5.19284 18.1769 5 18.6842 5H25.4998C26.3282 5 26.9998 5.67157 26.9998 6.5V13.2574C26.9998 13.7878 26.789 14.2965 26.414 14.6716L14.5907 26.4948C13.7121 27.3735 12.2874 27.3735 11.4088 26.4948L5.08284 20.1689C4.18339 19.2694 4.20781 17.8038 5.13673 16.9348L17.3179 5.53946Z" />
  </SvgIcon>
)
Example #5
Source File: Plus.tsx    From storefront with MIT License 5 votes vote down vote up 
Plus: React.VFC<SvgIconProps> = (props) => <SvgIcon {...props} component={PlusSVG} />
Example #6
Source File: Pin.tsx    From storefront with MIT License 5 votes vote down vote up 
Pin: React.VFC<SvgIconProps> = (props) => <SvgIcon {...props} component={PinSVG} />
Example #7
Source File: Minus.tsx    From storefront with MIT License 5 votes vote down vote up 
Minus: React.VFC<SvgIconProps> = (props) => <SvgIcon {...props} component={MinusSVG} />
Example #8
Source File: Menu.tsx    From storefront with MIT License 5 votes vote down vote up 
Menu: React.VFC<SvgIconProps> = (props) => <SvgIcon {...props} component={MenuSVG} />
Example #9
Source File: Instagram.tsx    From storefront with MIT License 5 votes vote down vote up 
Instagram: React.VFC<SvgIconProps> = (props) => (
  <SvgIcon {...props} component={InstagramSVG} />
)
Example #10
Source File: Account.tsx    From storefront with MIT License 5 votes vote down vote up 
Account: React.VFC<SvgIconProps> = (props) => <SvgIcon {...props} component={AccountSVG} />
Example #11
Source File: Github.tsx    From storefront with MIT License 5 votes vote down vote up 
Github: React.VFC<SvgIconProps> = (props) => <SvgIcon {...props} component={GithubSVG} />
Example #12
Source File: Facebook.tsx    From storefront with MIT License 5 votes vote down vote up 
Facebook: React.VFC<SvgIconProps> = (props) => <SvgIcon {...props} component={FacebookSVG} />
Example #13
Source File: Edit.tsx    From storefront with MIT License 5 votes vote down vote up 
Edit: React.VFC<SvgIconProps> = (props) => <SvgIcon {...props} component={EditSVG} />
Example #14
Source File: Delete.tsx    From storefront with MIT License 5 votes vote down vote up 
Delete: React.VFC<SvgIconProps> = (props) => <SvgIcon {...props} component={DeleteSVG} />
Example #15
Source File: Close.tsx    From storefront with MIT License 5 votes vote down vote up 
Close: React.VFC<SvgIconProps> = (props) => <SvgIcon {...props} component={CloseSVG} />
Example #16
Source File: Cart.tsx    From storefront with MIT License 5 votes vote down vote up 
Cart: React.VFC<SvgIconProps> = (props) => <SvgIcon {...props} component={CartSVG} />
Example #17
Source File: ArrowRight.tsx    From storefront with MIT License 5 votes vote down vote up 
ArrowRight: React.VFC<SvgIconProps> = (props) => (
  <SvgIcon {...props} component={ArrowRightSVG} />
)