ingress logo

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

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

Use the ingress logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.55 6.55v10.9q0 .65-.55.95l-9.45 5.45q-.55.3-1.1 0L2 18.4q-.55-.3-.55-.95V6.55q0-.65.55-.95L11.45.15q.55-.3 1.1 0L22 5.6q.55.3.55.95M21 17.8l-3.9-2.25l.5-.9l3.9 2.249V6.549l-.05-.048l-8.95-5.2v4.5h-1v-4.5l-9 5.2v10.398l3.9-2.248l.5.899L3 17.8l8.95 5.15h.1zM4.55 7.675q0-.024.05-.025h14.8q.05 0 .05.025v.075l-7.4 12.799q0 .05-.05.05t-.05-.05L4.55 7.75zm6.95 5.076q0-.45-.45-.7L6.9 9.65h-.05v.05l4.6 7.9q.05-.002.05-.051v-4.8zm.9-1.601l4.2-2.45H7.4l.05.051l4.15 2.399a.7.7 0 0 0 .8 0m4.75-1.45v-.05h-.05l-4.15 2.4q-.45.25-.45.749v4.8h.1z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsIngress(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="M22.55 6.55v10.9q0 .65-.55.95l-9.45 5.45q-.55.3-1.1 0L2 18.4q-.55-.3-.55-.95V6.55q0-.65.55-.95L11.45.15q.55-.3 1.1 0L22 5.6q.55.3.55.95M21 17.8l-3.9-2.25l.5-.9l3.9 2.249V6.549l-.05-.048l-8.95-5.2v4.5h-1v-4.5l-9 5.2v10.398l3.9-2.248l.5.899L3 17.8l8.95 5.15h.1zM4.55 7.675q0-.024.05-.025h14.8q.05 0 .05.025v.075l-7.4 12.799q0 .05-.05.05t-.05-.05L4.55 7.75zm6.95 5.076q0-.45-.45-.7L6.9 9.65h-.05v.05l4.6 7.9q.05-.002.05-.051v-4.8zm.9-1.601l4.2-2.45H7.4l.05.051l4.15 2.399a.7.7 0 0 0 .8 0m4.75-1.45v-.05h-.05l-4.15 2.4q-.45.25-.45.749v4.8h.1z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.55 6.55v10.9q0 .65-.55.95l-9.45 5.45q-.55.3-1.1 0L2 18.4q-.55-.3-.55-.95V6.55q0-.65.55-.95L11.45.15q.55-.3 1.1 0L22 5.6q.55.3.55.95M21 17.8l-3.9-2.25l.5-.9l3.9 2.249V6.549l-.05-.048l-8.95-5.2v4.5h-1v-4.5l-9 5.2v10.398l3.9-2.248l.5.899L3 17.8l8.95 5.15h.1zM4.55 7.675q0-.024.05-.025h14.8q.05 0 .05.025v.075l-7.4 12.799q0 .05-.05.05t-.05-.05L4.55 7.75zm6.95 5.076q0-.45-.45-.7L6.9 9.65h-.05v.05l4.6 7.9q.05-.002.05-.051v-4.8zm.9-1.601l4.2-2.45H7.4l.05.051l4.15 2.399a.7.7 0 0 0 .8 0m4.75-1.45v-.05h-.05l-4.15 2.4q-.45.25-.45.749v4.8h.1z"/></svg>
</template>

CSS

.icon-ingress {
  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%22M22.55%206.55v10.9q0%20.65-.55.95l-9.45%205.45q-.55.3-1.1%200L2%2018.4q-.55-.3-.55-.95V6.55q0-.65.55-.95L11.45.15q.55-.3%201.1%200L22%205.6q.55.3.55.95M21%2017.8l-3.9-2.25l.5-.9l3.9%202.249V6.549l-.05-.048l-8.95-5.2v4.5h-1v-4.5l-9%205.2v10.398l3.9-2.248l.5.899L3%2017.8l8.95%205.15h.1zM4.55%207.675q0-.024.05-.025h14.8q.05%200%20.05.025v.075l-7.4%2012.799q0%20.05-.05.05t-.05-.05L4.55%207.75zm6.95%205.076q0-.45-.45-.7L6.9%209.65h-.05v.05l4.6%207.9q.05-.002.05-.051v-4.8zm.9-1.601l4.2-2.45H7.4l.05.051l4.15%202.399a.7.7%200%200%200%20.8%200m4.75-1.45v-.05h-.05l-4.15%202.4q-.45.25-.45.749v4.8h.1z%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%22M22.55%206.55v10.9q0%20.65-.55.95l-9.45%205.45q-.55.3-1.1%200L2%2018.4q-.55-.3-.55-.95V6.55q0-.65.55-.95L11.45.15q.55-.3%201.1%200L22%205.6q.55.3.55.95M21%2017.8l-3.9-2.25l.5-.9l3.9%202.249V6.549l-.05-.048l-8.95-5.2v4.5h-1v-4.5l-9%205.2v10.398l3.9-2.248l.5.899L3%2017.8l8.95%205.15h.1zM4.55%207.675q0-.024.05-.025h14.8q.05%200%20.05.025v.075l-7.4%2012.799q0%20.05-.05.05t-.05-.05L4.55%207.75zm6.95%205.076q0-.45-.45-.7L6.9%209.65h-.05v.05l4.6%207.9q.05-.002.05-.051v-4.8zm.9-1.601l4.2-2.45H7.4l.05.051l4.15%202.399a.7.7%200%200%200%20.8%200m4.75-1.45v-.05h-.05l-4.15%202.4q-.45.25-.45.749v4.8h.1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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