amazon logo icon
amazon-logo-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- amazon-logo-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Use the amazon logo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M246 168v32a6 6 0 0 1-12 0v-17.52l-5.66 5.66C225.6 191.15 188.86 230 128 230c-62 0-98.92-40.27-100.46-42a6 6 0 1 1 8.92-8c.34.37 35.09 38 91.54 38s91.2-37.64 91.55-38l.21-.22l5.76-5.76H208a6 6 0 0 1 0-12h32a6 6 0 0 1 6 5.98m-84-68.44V84a38 38 0 0 0-71.86-17.27a6 6 0 1 1-10.68-5.46A50 50 0 0 1 174 84v92a6 6 0 0 1-12 0v-11.56a50 50 0 1 1 0-64.88m0 32.44a38 38 0 1 0-38 38a38 38 0 0 0 38-38"/></svg>
React
import type { SVGProps } from "react";
export function PhAmazonLogoLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M246 168v32a6 6 0 0 1-12 0v-17.52l-5.66 5.66C225.6 191.15 188.86 230 128 230c-62 0-98.92-40.27-100.46-42a6 6 0 1 1 8.92-8c.34.37 35.09 38 91.54 38s91.2-37.64 91.55-38l.21-.22l5.76-5.76H208a6 6 0 0 1 0-12h32a6 6 0 0 1 6 5.98m-84-68.44V84a38 38 0 0 0-71.86-17.27a6 6 0 1 1-10.68-5.46A50 50 0 0 1 174 84v92a6 6 0 0 1-12 0v-11.56a50 50 0 1 1 0-64.88m0 32.44a38 38 0 1 0-38 38a38 38 0 0 0 38-38"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M246 168v32a6 6 0 0 1-12 0v-17.52l-5.66 5.66C225.6 191.15 188.86 230 128 230c-62 0-98.92-40.27-100.46-42a6 6 0 1 1 8.92-8c.34.37 35.09 38 91.54 38s91.2-37.64 91.55-38l.21-.22l5.76-5.76H208a6 6 0 0 1 0-12h32a6 6 0 0 1 6 5.98m-84-68.44V84a38 38 0 0 0-71.86-17.27a6 6 0 1 1-10.68-5.46A50 50 0 0 1 174 84v92a6 6 0 0 1-12 0v-11.56a50 50 0 1 1 0-64.88m0 32.44a38 38 0 1 0-38 38a38 38 0 0 0 38-38"/></svg> </template>
CSS
.icon-amazon-logo-light {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M246%20168v32a6%206%200%200%201-12%200v-17.52l-5.66%205.66C225.6%20191.15%20188.86%20230%20128%20230c-62%200-98.92-40.27-100.46-42a6%206%200%201%201%208.92-8c.34.37%2035.09%2038%2091.54%2038s91.2-37.64%2091.55-38l.21-.22l5.76-5.76H208a6%206%200%200%201%200-12h32a6%206%200%200%201%206%205.98m-84-68.44V84a38%2038%200%200%200-71.86-17.27a6%206%200%201%201-10.68-5.46A50%2050%200%200%201%20174%2084v92a6%206%200%200%201-12%200v-11.56a50%2050%200%201%201%200-64.88m0%2032.44a38%2038%200%201%200-38%2038a38%2038%200%200%200%2038-38%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M246%20168v32a6%206%200%200%201-12%200v-17.52l-5.66%205.66C225.6%20191.15%20188.86%20230%20128%20230c-62%200-98.92-40.27-100.46-42a6%206%200%201%201%208.92-8c.34.37%2035.09%2038%2091.54%2038s91.2-37.64%2091.55-38l.21-.22l5.76-5.76H208a6%206%200%200%201%200-12h32a6%206%200%200%201%206%205.98m-84-68.44V84a38%2038%200%200%200-71.86-17.27a6%206%200%201%201-10.68-5.46A50%2050%200%200%201%20174%2084v92a6%206%200%200%201-12%200v-11.56a50%2050%200%201%201%200-64.88m0%2032.44a38%2038%200%201%200-38%2038a38%2038%200%200%200%2038-38%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/amazon-logo-light.svg?color=%231a73e8&size=48
