expo icon logo

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

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

Use the expo icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 231"><path fill="#000020" d="M121.309 84.673c2.094-3.086 4.385-3.478 6.244-3.478c1.86 0 4.957.392 7.051 3.478c16.502 22.667 43.742 67.819 63.835 101.126c13.104 21.72 23.168 38.403 25.233 40.526c7.751 7.97 18.382 3.003 24.559-6.037c6.081-8.9 7.77-15.15 7.77-21.817c0-4.54-88.106-168.4-96.979-182.039C150.49 3.314 147.71 0 133.106 0h-10.93c-14.56 0-16.665 3.314-25.198 16.432C88.106 30.072 0 193.93 0 198.472c0 6.666 1.688 12.916 7.77 21.816c6.177 9.04 16.808 14.007 24.559 6.037c2.065-2.123 12.13-18.806 25.233-40.526c20.093-33.307 47.245-78.46 63.747-101.126"/></svg>

React

import type { SVGProps } from "react";

export function LogosExpoIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 231"><path fill="#000020" d="M121.309 84.673c2.094-3.086 4.385-3.478 6.244-3.478c1.86 0 4.957.392 7.051 3.478c16.502 22.667 43.742 67.819 63.835 101.126c13.104 21.72 23.168 38.403 25.233 40.526c7.751 7.97 18.382 3.003 24.559-6.037c6.081-8.9 7.77-15.15 7.77-21.817c0-4.54-88.106-168.4-96.979-182.039C150.49 3.314 147.71 0 133.106 0h-10.93c-14.56 0-16.665 3.314-25.198 16.432C88.106 30.072 0 193.93 0 198.472c0 6.666 1.688 12.916 7.77 21.816c6.177 9.04 16.808 14.007 24.559 6.037c2.065-2.123 12.13-18.806 25.233-40.526c20.093-33.307 47.245-78.46 63.747-101.126"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 231"><path fill="#000020" d="M121.309 84.673c2.094-3.086 4.385-3.478 6.244-3.478c1.86 0 4.957.392 7.051 3.478c16.502 22.667 43.742 67.819 63.835 101.126c13.104 21.72 23.168 38.403 25.233 40.526c7.751 7.97 18.382 3.003 24.559-6.037c6.081-8.9 7.77-15.15 7.77-21.817c0-4.54-88.106-168.4-96.979-182.039C150.49 3.314 147.71 0 133.106 0h-10.93c-14.56 0-16.665 3.314-25.198 16.432C88.106 30.072 0 193.93 0 198.472c0 6.666 1.688 12.916 7.77 21.816c6.177 9.04 16.808 14.007 24.559 6.037c2.065-2.123 12.13-18.806 25.233-40.526c20.093-33.307 47.245-78.46 63.747-101.126"/></svg>
</template>

CSS

.icon-expo-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%20231%22%3E%3Cpath%20fill%3D%22%23000020%22%20d%3D%22M121.309%2084.673c2.094-3.086%204.385-3.478%206.244-3.478c1.86%200%204.957.392%207.051%203.478c16.502%2022.667%2043.742%2067.819%2063.835%20101.126c13.104%2021.72%2023.168%2038.403%2025.233%2040.526c7.751%207.97%2018.382%203.003%2024.559-6.037c6.081-8.9%207.77-15.15%207.77-21.817c0-4.54-88.106-168.4-96.979-182.039C150.49%203.314%20147.71%200%20133.106%200h-10.93c-14.56%200-16.665%203.314-25.198%2016.432C88.106%2030.072%200%20193.93%200%20198.472c0%206.666%201.688%2012.916%207.77%2021.816c6.177%209.04%2016.808%2014.007%2024.559%206.037c2.065-2.123%2012.13-18.806%2025.233-40.526c20.093-33.307%2047.245-78.46%2063.747-101.126%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%20231%22%3E%3Cpath%20fill%3D%22%23000020%22%20d%3D%22M121.309%2084.673c2.094-3.086%204.385-3.478%206.244-3.478c1.86%200%204.957.392%207.051%203.478c16.502%2022.667%2043.742%2067.819%2063.835%20101.126c13.104%2021.72%2023.168%2038.403%2025.233%2040.526c7.751%207.97%2018.382%203.003%2024.559-6.037c6.081-8.9%207.77-15.15%207.77-21.817c0-4.54-88.106-168.4-96.979-182.039C150.49%203.314%20147.71%200%20133.106%200h-10.93c-14.56%200-16.665%203.314-25.198%2016.432C88.106%2030.072%200%20193.93%200%20198.472c0%206.666%201.688%2012.916%207.77%2021.816c6.177%209.04%2016.808%2014.007%2024.559%206.037c2.065-2.123%2012.13-18.806%2025.233-40.526c20.093-33.307%2047.245-78.46%2063.747-101.126%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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