elavon logo

elavon from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
elavon
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the elavon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.028 12.248q-.568 1.348-1.123 2.908a63 63 0 0 0-1.016 3.13h.355a49 49 0 0 1 1.76-4.79c.222-.513.446-.992.669-1.463c-.215.066-.43.132-.645.215m7.32-5.717c-.389-1.148-.959-1.735-1.694-1.735h-.008c-1.347 0-3.024 1.983-4.693 5.403c.29-.107.579-.206.86-.306c1.164-1.957 2.271-3.114 3.073-3.114h.074c.446.041.777.47.967 1.28c.495 2.082-.05 6.163-1.264 10.467c.933.058 1.751.29 2.437.678c.933-5.362 1.098-10.17.248-12.673M18.1 10.422c0-.429.85.132-.033-1.47c-4.378.371-10.525 3.18-16.217 7.765A45 45 0 0 0 0 18.287h.363c.108-.083.207-.174.314-.265c5.99-4.816 12.533-7.616 16.977-7.616q.223.002.446.016m2.255-1.397q.107.943.116 1.893a4 4 0 0 1 1.33.893c.81.826 1.174 1.956 1.092 3.369c-.058.958-.324 2.008-.77 3.115h.24c.967-1.76 1.536-3.412 1.627-4.85c.075-1.355-.28-2.436-1.049-3.22c-.627-.645-1.52-1.026-2.586-1.2"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsElavon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.028 12.248q-.568 1.348-1.123 2.908a63 63 0 0 0-1.016 3.13h.355a49 49 0 0 1 1.76-4.79c.222-.513.446-.992.669-1.463c-.215.066-.43.132-.645.215m7.32-5.717c-.389-1.148-.959-1.735-1.694-1.735h-.008c-1.347 0-3.024 1.983-4.693 5.403c.29-.107.579-.206.86-.306c1.164-1.957 2.271-3.114 3.073-3.114h.074c.446.041.777.47.967 1.28c.495 2.082-.05 6.163-1.264 10.467c.933.058 1.751.29 2.437.678c.933-5.362 1.098-10.17.248-12.673M18.1 10.422c0-.429.85.132-.033-1.47c-4.378.371-10.525 3.18-16.217 7.765A45 45 0 0 0 0 18.287h.363c.108-.083.207-.174.314-.265c5.99-4.816 12.533-7.616 16.977-7.616q.223.002.446.016m2.255-1.397q.107.943.116 1.893a4 4 0 0 1 1.33.893c.81.826 1.174 1.956 1.092 3.369c-.058.958-.324 2.008-.77 3.115h.24c.967-1.76 1.536-3.412 1.627-4.85c.075-1.355-.28-2.436-1.049-3.22c-.627-.645-1.52-1.026-2.586-1.2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.028 12.248q-.568 1.348-1.123 2.908a63 63 0 0 0-1.016 3.13h.355a49 49 0 0 1 1.76-4.79c.222-.513.446-.992.669-1.463c-.215.066-.43.132-.645.215m7.32-5.717c-.389-1.148-.959-1.735-1.694-1.735h-.008c-1.347 0-3.024 1.983-4.693 5.403c.29-.107.579-.206.86-.306c1.164-1.957 2.271-3.114 3.073-3.114h.074c.446.041.777.47.967 1.28c.495 2.082-.05 6.163-1.264 10.467c.933.058 1.751.29 2.437.678c.933-5.362 1.098-10.17.248-12.673M18.1 10.422c0-.429.85.132-.033-1.47c-4.378.371-10.525 3.18-16.217 7.765A45 45 0 0 0 0 18.287h.363c.108-.083.207-.174.314-.265c5.99-4.816 12.533-7.616 16.977-7.616q.223.002.446.016m2.255-1.397q.107.943.116 1.893a4 4 0 0 1 1.33.893c.81.826 1.174 1.956 1.092 3.369c-.058.958-.324 2.008-.77 3.115h.24c.967-1.76 1.536-3.412 1.627-4.85c.075-1.355-.28-2.436-1.049-3.22c-.627-.645-1.52-1.026-2.586-1.2"/></svg>
</template>

CSS

.icon-elavon {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.028%2012.248q-.568%201.348-1.123%202.908a63%2063%200%200%200-1.016%203.13h.355a49%2049%200%200%201%201.76-4.79c.222-.513.446-.992.669-1.463c-.215.066-.43.132-.645.215m7.32-5.717c-.389-1.148-.959-1.735-1.694-1.735h-.008c-1.347%200-3.024%201.983-4.693%205.403c.29-.107.579-.206.86-.306c1.164-1.957%202.271-3.114%203.073-3.114h.074c.446.041.777.47.967%201.28c.495%202.082-.05%206.163-1.264%2010.467c.933.058%201.751.29%202.437.678c.933-5.362%201.098-10.17.248-12.673M18.1%2010.422c0-.429.85.132-.033-1.47c-4.378.371-10.525%203.18-16.217%207.765A45%2045%200%200%200%200%2018.287h.363c.108-.083.207-.174.314-.265c5.99-4.816%2012.533-7.616%2016.977-7.616q.223.002.446.016m2.255-1.397q.107.943.116%201.893a4%204%200%200%201%201.33.893c.81.826%201.174%201.956%201.092%203.369c-.058.958-.324%202.008-.77%203.115h.24c.967-1.76%201.536-3.412%201.627-4.85c.075-1.355-.28-2.436-1.049-3.22c-.627-.645-1.52-1.026-2.586-1.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.028%2012.248q-.568%201.348-1.123%202.908a63%2063%200%200%200-1.016%203.13h.355a49%2049%200%200%201%201.76-4.79c.222-.513.446-.992.669-1.463c-.215.066-.43.132-.645.215m7.32-5.717c-.389-1.148-.959-1.735-1.694-1.735h-.008c-1.347%200-3.024%201.983-4.693%205.403c.29-.107.579-.206.86-.306c1.164-1.957%202.271-3.114%203.073-3.114h.074c.446.041.777.47.967%201.28c.495%202.082-.05%206.163-1.264%2010.467c.933.058%201.751.29%202.437.678c.933-5.362%201.098-10.17.248-12.673M18.1%2010.422c0-.429.85.132-.033-1.47c-4.378.371-10.525%203.18-16.217%207.765A45%2045%200%200%200%200%2018.287h.363c.108-.083.207-.174.314-.265c5.99-4.816%2012.533-7.616%2016.977-7.616q.223.002.446.016m2.255-1.397q.107.943.116%201.893a4%204%200%200%201%201.33.893c.81.826%201.174%201.956%201.092%203.369c-.058.958-.324%202.008-.77%203.115h.24c.967-1.76%201.536-3.412%201.627-4.85c.075-1.355-.28-2.436-1.049-3.22c-.627-.645-1.52-1.026-2.586-1.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/elavon.svg?color=%231a73e8&size=48