amex logo
amex from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.
- Name
- amex
- Set
- Boxicons Brands
- Style
- Logo
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the amex logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.31 16.93l-.9-1l-.93 1h-5.66v-4.55h-1.86l2.28-5.14h2.21L16.24 9V7.24h2.72l.45 1.34l.45-1.34h2.07v-.76c0-.45-.38-.86-.86-.86H2.86c-.48.03-.86.41-.86.86v11.03c0 .45.38.86.86.86h18.28c.45 0 .86-.38.86-.86v-.55z"/><path fill="currentColor" d="M20.55 16.41h1.42l-1.87-2l1.87-1.96h-1.38l-1.21 1.27l-1.14-1.27h-1.45l1.9 2l-1.9 1.96h1.38l1.21-1.27zm-6.03-.93v-.58h2.2v-.93h-2.2v-.59h2.27v-.93h-3.38v3.96h3.38v-.93zm6.38-3.62h1.07v-4l-1.66.04l-.9 2.48l-.89-2.48h-1.73v3.96h1.11V9.07l1.03 2.79h.97l1-2.79zM15.03 7.9h-1.41l-1.76 4h1.21l.31-.83h1.83l.34.83h1.24zm-1.28 2.28l.52-1.31l.52 1.31h-1.03Z"/><path fill="currentColor" d="m20.97 14.31l1 1.07l.03-2.17z"/></svg>
React
import type { SVGProps } from "react";
export function BxlAmex(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="m20.31 16.93l-.9-1l-.93 1h-5.66v-4.55h-1.86l2.28-5.14h2.21L16.24 9V7.24h2.72l.45 1.34l.45-1.34h2.07v-.76c0-.45-.38-.86-.86-.86H2.86c-.48.03-.86.41-.86.86v11.03c0 .45.38.86.86.86h18.28c.45 0 .86-.38.86-.86v-.55z"/><path fill="currentColor" d="M20.55 16.41h1.42l-1.87-2l1.87-1.96h-1.38l-1.21 1.27l-1.14-1.27h-1.45l1.9 2l-1.9 1.96h1.38l1.21-1.27zm-6.03-.93v-.58h2.2v-.93h-2.2v-.59h2.27v-.93h-3.38v3.96h3.38v-.93zm6.38-3.62h1.07v-4l-1.66.04l-.9 2.48l-.89-2.48h-1.73v3.96h1.11V9.07l1.03 2.79h.97l1-2.79zM15.03 7.9h-1.41l-1.76 4h1.21l.31-.83h1.83l.34.83h1.24zm-1.28 2.28l.52-1.31l.52 1.31h-1.03Z"/><path fill="currentColor" d="m20.97 14.31l1 1.07l.03-2.17z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.31 16.93l-.9-1l-.93 1h-5.66v-4.55h-1.86l2.28-5.14h2.21L16.24 9V7.24h2.72l.45 1.34l.45-1.34h2.07v-.76c0-.45-.38-.86-.86-.86H2.86c-.48.03-.86.41-.86.86v11.03c0 .45.38.86.86.86h18.28c.45 0 .86-.38.86-.86v-.55z"/><path fill="currentColor" d="M20.55 16.41h1.42l-1.87-2l1.87-1.96h-1.38l-1.21 1.27l-1.14-1.27h-1.45l1.9 2l-1.9 1.96h1.38l1.21-1.27zm-6.03-.93v-.58h2.2v-.93h-2.2v-.59h2.27v-.93h-3.38v3.96h3.38v-.93zm6.38-3.62h1.07v-4l-1.66.04l-.9 2.48l-.89-2.48h-1.73v3.96h1.11V9.07l1.03 2.79h.97l1-2.79zM15.03 7.9h-1.41l-1.76 4h1.21l.31-.83h1.83l.34.83h1.24zm-1.28 2.28l.52-1.31l.52 1.31h-1.03Z"/><path fill="currentColor" d="m20.97 14.31l1 1.07l.03-2.17z"/></svg> </template>
CSS
.icon-amex {
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%22m20.31%2016.93l-.9-1l-.93%201h-5.66v-4.55h-1.86l2.28-5.14h2.21L16.24%209V7.24h2.72l.45%201.34l.45-1.34h2.07v-.76c0-.45-.38-.86-.86-.86H2.86c-.48.03-.86.41-.86.86v11.03c0%20.45.38.86.86.86h18.28c.45%200%20.86-.38.86-.86v-.55z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.55%2016.41h1.42l-1.87-2l1.87-1.96h-1.38l-1.21%201.27l-1.14-1.27h-1.45l1.9%202l-1.9%201.96h1.38l1.21-1.27zm-6.03-.93v-.58h2.2v-.93h-2.2v-.59h2.27v-.93h-3.38v3.96h3.38v-.93zm6.38-3.62h1.07v-4l-1.66.04l-.9%202.48l-.89-2.48h-1.73v3.96h1.11V9.07l1.03%202.79h.97l1-2.79zM15.03%207.9h-1.41l-1.76%204h1.21l.31-.83h1.83l.34.83h1.24zm-1.28%202.28l.52-1.31l.52%201.31h-1.03Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m20.97%2014.31l1%201.07l.03-2.17z%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%22m20.31%2016.93l-.9-1l-.93%201h-5.66v-4.55h-1.86l2.28-5.14h2.21L16.24%209V7.24h2.72l.45%201.34l.45-1.34h2.07v-.76c0-.45-.38-.86-.86-.86H2.86c-.48.03-.86.41-.86.86v11.03c0%20.45.38.86.86.86h18.28c.45%200%20.86-.38.86-.86v-.55z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.55%2016.41h1.42l-1.87-2l1.87-1.96h-1.38l-1.21%201.27l-1.14-1.27h-1.45l1.9%202l-1.9%201.96h1.38l1.21-1.27zm-6.03-.93v-.58h2.2v-.93h-2.2v-.59h2.27v-.93h-3.38v3.96h3.38v-.93zm6.38-3.62h1.07v-4l-1.66.04l-.9%202.48l-.89-2.48h-1.73v3.96h1.11V9.07l1.03%202.79h.97l1-2.79zM15.03%207.9h-1.41l-1.76%204h1.21l.31-.83h1.83l.34.83h1.24zm-1.28%202.28l.52-1.31l.52%201.31h-1.03Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m20.97%2014.31l1%201.07l.03-2.17z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxl/amex.svg?color=%231a73e8&size=48
