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

Simple Icons · SiElavon

Elavon icon

A free elavon icon from Simple 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: CC0 1.0 Universal license
Project: simpleicons.org

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/simple-icons/elavon.json

components/icons/simple-icons-elavon.tsx

import * as React from "react";

/**
 * Elavon from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
 * Via Cuelark UI: ui.cuelark.com/icons/simple-icons/elavon. Sized in em, colored by currentColor.
 */
export function SiElavonIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      role="img"
      viewBox="0 0 24 24"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M12.028 12.248c-.38.9-.752 1.867-1.123 2.908a62.992 62.992 0 00-1.016 3.13h.355a48.858 48.858 0 011.76-4.79c.222-.513.446-.992.669-1.463-.215.066-.43.132-.645.215zm7.32-5.717c-.389-1.148-.959-1.735-1.694-1.735h-.008c-1.347 0-3.024 1.983-4.693 5.403.29-.107.579-.206.86-.306 1.164-1.957 2.271-3.114 3.073-3.114h.074c.446.041.777.47.967 1.28.495 2.082-.05 6.163-1.264 10.467.933.058 1.751.29 2.437.678.933-5.362 1.098-10.17.248-12.673zM18.1 10.422c0-.429.85.132-.033-1.47-4.378.371-10.525 3.18-16.217 7.765-.644.52-1.263 1.041-1.85 1.57h.363c.108-.083.207-.174.314-.265 5.99-4.816 12.533-7.616 16.977-7.616.149 0 .297.008.446.016zm2.255-1.397c.072.629.11 1.26.116 1.893a4.01 4.01 0 011.33.893c.81.826 1.174 1.956 1.092 3.369-.058.958-.324 2.008-.77 3.115h.24c.967-1.76 1.536-3.412 1.627-4.85.075-1.355-.28-2.436-1.049-3.22-.627-.645-1.52-1.026-2.586-1.2Z"
      />
    </svg>
  );
}

With react-icons

import { SiElavon } from "react-icons/si";

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

elavon.svg

<svg
  role="img"
  viewBox="0 0 24 24"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M12.028 12.248c-.38.9-.752 1.867-1.123 2.908a62.992 62.992 0 00-1.016 3.13h.355a48.858 48.858 0 011.76-4.79c.222-.513.446-.992.669-1.463-.215.066-.43.132-.645.215zm7.32-5.717c-.389-1.148-.959-1.735-1.694-1.735h-.008c-1.347 0-3.024 1.983-4.693 5.403.29-.107.579-.206.86-.306 1.164-1.957 2.271-3.114 3.073-3.114h.074c.446.041.777.47.967 1.28.495 2.082-.05 6.163-1.264 10.467.933.058 1.751.29 2.437.678.933-5.362 1.098-10.17.248-12.673zM18.1 10.422c0-.429.85.132-.033-1.47-4.378.371-10.525 3.18-16.217 7.765-.644.52-1.263 1.041-1.85 1.57h.363c.108-.083.207-.174.314-.265 5.99-4.816 12.533-7.616 16.977-7.616.149 0 .297.008.446.016zm2.255-1.397c.072.629.11 1.26.116 1.893a4.01 4.01 0 011.33.893c.81.826 1.174 1.956 1.092 3.369-.058.958-.324 2.008-.77 3.115h.24c.967-1.76 1.536-3.412 1.627-4.85.075-1.355-.28-2.436-1.049-3.22-.627-.645-1.52-1.026-2.586-1.2Z"
  />
</svg>

Attribution

"Elavon" icon from Simple Icons (https://simpleicons.org/), licensed under CC0 1.0 Universal license.

Similar Simple Icons icons