amp icon logo

amp-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
amp-icon
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the amp icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#1d5fe6" d="M127.963 0c70.949.559 127.791 55.473 128.036 129.303c.223 67.678-55.06 128.154-131.254 126.67C55.245 254.618-1.523 198.006.03 124.088C1.403 58.802 54.668.675 127.963 0m-26.96 147.357c4.551 0 9.104.01 13.655-.005c2.176-.007 3.539.485 3.032 3.213c-1.116 6-2.03 12.035-3.01 18.056q-2.77 17.025-5.523 34.055c-.176 1.082-.741 2.238.653 2.985c2.372 1.269 8.86-.347 10.201-2.587q25.511-42.57 50.995-85.156c3.53-5.905 1.678-9.098-5.246-9.15q-11.948-.084-23.897 0c-2.474.015-4.155-.312-3.559-3.549c1.777-9.629 3.4-19.286 5.028-28.942q1.909-11.34 3.659-22.706c.174-1.13.862-2.53-.98-3.2a9.64 9.64 0 0 0-10.535 3.656a80657 80657 0 0 0-39.218 65.382c-3.942 6.577-8.003 13.085-11.759 19.768c-2.815 5.005-.967 8.105 4.558 8.165c3.981.043 7.965.009 11.948.017z"/></svg>

React

import type { SVGProps } from "react";

export function LogosAmpIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#1d5fe6" d="M127.963 0c70.949.559 127.791 55.473 128.036 129.303c.223 67.678-55.06 128.154-131.254 126.67C55.245 254.618-1.523 198.006.03 124.088C1.403 58.802 54.668.675 127.963 0m-26.96 147.357c4.551 0 9.104.01 13.655-.005c2.176-.007 3.539.485 3.032 3.213c-1.116 6-2.03 12.035-3.01 18.056q-2.77 17.025-5.523 34.055c-.176 1.082-.741 2.238.653 2.985c2.372 1.269 8.86-.347 10.201-2.587q25.511-42.57 50.995-85.156c3.53-5.905 1.678-9.098-5.246-9.15q-11.948-.084-23.897 0c-2.474.015-4.155-.312-3.559-3.549c1.777-9.629 3.4-19.286 5.028-28.942q1.909-11.34 3.659-22.706c.174-1.13.862-2.53-.98-3.2a9.64 9.64 0 0 0-10.535 3.656a80657 80657 0 0 0-39.218 65.382c-3.942 6.577-8.003 13.085-11.759 19.768c-2.815 5.005-.967 8.105 4.558 8.165c3.981.043 7.965.009 11.948.017z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#1d5fe6" d="M127.963 0c70.949.559 127.791 55.473 128.036 129.303c.223 67.678-55.06 128.154-131.254 126.67C55.245 254.618-1.523 198.006.03 124.088C1.403 58.802 54.668.675 127.963 0m-26.96 147.357c4.551 0 9.104.01 13.655-.005c2.176-.007 3.539.485 3.032 3.213c-1.116 6-2.03 12.035-3.01 18.056q-2.77 17.025-5.523 34.055c-.176 1.082-.741 2.238.653 2.985c2.372 1.269 8.86-.347 10.201-2.587q25.511-42.57 50.995-85.156c3.53-5.905 1.678-9.098-5.246-9.15q-11.948-.084-23.897 0c-2.474.015-4.155-.312-3.559-3.549c1.777-9.629 3.4-19.286 5.028-28.942q1.909-11.34 3.659-22.706c.174-1.13.862-2.53-.98-3.2a9.64 9.64 0 0 0-10.535 3.656a80657 80657 0 0 0-39.218 65.382c-3.942 6.577-8.003 13.085-11.759 19.768c-2.815 5.005-.967 8.105 4.558 8.165c3.981.043 7.965.009 11.948.017z"/></svg>
</template>

CSS

.icon-amp-icon {
  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%22%231d5fe6%22%20d%3D%22M127.963%200c70.949.559%20127.791%2055.473%20128.036%20129.303c.223%2067.678-55.06%20128.154-131.254%20126.67C55.245%20254.618-1.523%20198.006.03%20124.088C1.403%2058.802%2054.668.675%20127.963%200m-26.96%20147.357c4.551%200%209.104.01%2013.655-.005c2.176-.007%203.539.485%203.032%203.213c-1.116%206-2.03%2012.035-3.01%2018.056q-2.77%2017.025-5.523%2034.055c-.176%201.082-.741%202.238.653%202.985c2.372%201.269%208.86-.347%2010.201-2.587q25.511-42.57%2050.995-85.156c3.53-5.905%201.678-9.098-5.246-9.15q-11.948-.084-23.897%200c-2.474.015-4.155-.312-3.559-3.549c1.777-9.629%203.4-19.286%205.028-28.942q1.909-11.34%203.659-22.706c.174-1.13.862-2.53-.98-3.2a9.64%209.64%200%200%200-10.535%203.656a80657%2080657%200%200%200-39.218%2065.382c-3.942%206.577-8.003%2013.085-11.759%2019.768c-2.815%205.005-.967%208.105%204.558%208.165c3.981.043%207.965.009%2011.948.017z%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%22%231d5fe6%22%20d%3D%22M127.963%200c70.949.559%20127.791%2055.473%20128.036%20129.303c.223%2067.678-55.06%20128.154-131.254%20126.67C55.245%20254.618-1.523%20198.006.03%20124.088C1.403%2058.802%2054.668.675%20127.963%200m-26.96%20147.357c4.551%200%209.104.01%2013.655-.005c2.176-.007%203.539.485%203.032%203.213c-1.116%206-2.03%2012.035-3.01%2018.056q-2.77%2017.025-5.523%2034.055c-.176%201.082-.741%202.238.653%202.985c2.372%201.269%208.86-.347%2010.201-2.587q25.511-42.57%2050.995-85.156c3.53-5.905%201.678-9.098-5.246-9.15q-11.948-.084-23.897%200c-2.474.015-4.155-.312-3.559-3.549c1.777-9.629%203.4-19.286%205.028-28.942q1.909-11.34%203.659-22.706c.174-1.13.862-2.53-.98-3.2a9.64%209.64%200%200%200-10.535%203.656a80657%2080657%200%200%200-39.218%2065.382c-3.942%206.577-8.003%2013.085-11.759%2019.768c-2.815%205.005-.967%208.105%204.558%208.165c3.981.043%207.965.009%2011.948.017z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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