itch io logo

itch-io from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: itch-io
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

itch-ioCoreUI Brands itch-ioFont Awesome 6 Brands itch-ioLine Awesome

Use the itch io logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M135.9 98.8c-21.7 12.9-64.5 62-64.9 74.9V195c0 27.1 25.3 50.8 48.2 50.8c27.6 0 50.5-22.8 50.5-50c0 27.1 22.2 50 49.8 50s49-22.8 49-50c0 27.1 23.6 50 51.2 50h.5c27.6 0 51.2-22.8 51.2-50c0 27.1 21.5 50 49 50s49.8-22.8 49.8-50c0 27.1 23 50 50.5 50c23 0 48.3-23.8 48.3-50.8v-21.3c-.4-12.9-43.2-62.1-64.9-75c-67.4-2.3-114.2-2.7-184-2.7s-165 1.1-184.2 2.8m132.3 134.4c-22 38.4-77.9 38.7-99.8.2c-13.2 23.1-43.2 32.1-56 27.7c-3.9 40.2-13.7 237.1 17.7 269.2c80 18.7 302.1 18.1 379.8 0c31.6-32.3 21.3-232 17.7-269.2c-12.9 4.4-42.9-4.6-56-27.7c-22 38.5-77.8 38.1-99.8-.2c-7.1 12.5-23 28.9-51.8 28.9c-10.4.3-20.8-2.2-29.9-7.3s-16.7-12.6-21.9-21.6M226.6 287c16.5 0 31.1 0 49.2 19.8c29.3-3 58.9-3 88.2 0c18.2-19.7 32.8-19.7 49.2-19.7c52.3 0 65.2 77.5 83.9 144.4c17.3 62.2-5.5 63.7-34 63.7c-42.1-1.6-65.5-32.2-65.5-62.8c-39.3 6.4-101.9 8.8-155.6 0c0 30.6-23.3 61.2-65.5 62.8c-28.4-.1-51.2-1.6-33.9-63.7c18.7-67 31.6-144.4 83.9-144.4v-.1zm93.4 47.8s-44.4 40.8-52.4 55.2l29-1.2v25.3c0 1.5 21.3.2 23.3.2c11.6.5 23.3 1 23.3-.2v-25.3l29 1.2c-8-14.5-52.4-55.2-52.4-55.2h.1z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsItchIo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M135.9 98.8c-21.7 12.9-64.5 62-64.9 74.9V195c0 27.1 25.3 50.8 48.2 50.8c27.6 0 50.5-22.8 50.5-50c0 27.1 22.2 50 49.8 50s49-22.8 49-50c0 27.1 23.6 50 51.2 50h.5c27.6 0 51.2-22.8 51.2-50c0 27.1 21.5 50 49 50s49.8-22.8 49.8-50c0 27.1 23 50 50.5 50c23 0 48.3-23.8 48.3-50.8v-21.3c-.4-12.9-43.2-62.1-64.9-75c-67.4-2.3-114.2-2.7-184-2.7s-165 1.1-184.2 2.8m132.3 134.4c-22 38.4-77.9 38.7-99.8.2c-13.2 23.1-43.2 32.1-56 27.7c-3.9 40.2-13.7 237.1 17.7 269.2c80 18.7 302.1 18.1 379.8 0c31.6-32.3 21.3-232 17.7-269.2c-12.9 4.4-42.9-4.6-56-27.7c-22 38.5-77.8 38.1-99.8-.2c-7.1 12.5-23 28.9-51.8 28.9c-10.4.3-20.8-2.2-29.9-7.3s-16.7-12.6-21.9-21.6M226.6 287c16.5 0 31.1 0 49.2 19.8c29.3-3 58.9-3 88.2 0c18.2-19.7 32.8-19.7 49.2-19.7c52.3 0 65.2 77.5 83.9 144.4c17.3 62.2-5.5 63.7-34 63.7c-42.1-1.6-65.5-32.2-65.5-62.8c-39.3 6.4-101.9 8.8-155.6 0c0 30.6-23.3 61.2-65.5 62.8c-28.4-.1-51.2-1.6-33.9-63.7c18.7-67 31.6-144.4 83.9-144.4v-.1zm93.4 47.8s-44.4 40.8-52.4 55.2l29-1.2v25.3c0 1.5 21.3.2 23.3.2c11.6.5 23.3 1 23.3-.2v-25.3l29 1.2c-8-14.5-52.4-55.2-52.4-55.2h.1z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M135.9 98.8c-21.7 12.9-64.5 62-64.9 74.9V195c0 27.1 25.3 50.8 48.2 50.8c27.6 0 50.5-22.8 50.5-50c0 27.1 22.2 50 49.8 50s49-22.8 49-50c0 27.1 23.6 50 51.2 50h.5c27.6 0 51.2-22.8 51.2-50c0 27.1 21.5 50 49 50s49.8-22.8 49.8-50c0 27.1 23 50 50.5 50c23 0 48.3-23.8 48.3-50.8v-21.3c-.4-12.9-43.2-62.1-64.9-75c-67.4-2.3-114.2-2.7-184-2.7s-165 1.1-184.2 2.8m132.3 134.4c-22 38.4-77.9 38.7-99.8.2c-13.2 23.1-43.2 32.1-56 27.7c-3.9 40.2-13.7 237.1 17.7 269.2c80 18.7 302.1 18.1 379.8 0c31.6-32.3 21.3-232 17.7-269.2c-12.9 4.4-42.9-4.6-56-27.7c-22 38.5-77.8 38.1-99.8-.2c-7.1 12.5-23 28.9-51.8 28.9c-10.4.3-20.8-2.2-29.9-7.3s-16.7-12.6-21.9-21.6M226.6 287c16.5 0 31.1 0 49.2 19.8c29.3-3 58.9-3 88.2 0c18.2-19.7 32.8-19.7 49.2-19.7c52.3 0 65.2 77.5 83.9 144.4c17.3 62.2-5.5 63.7-34 63.7c-42.1-1.6-65.5-32.2-65.5-62.8c-39.3 6.4-101.9 8.8-155.6 0c0 30.6-23.3 61.2-65.5 62.8c-28.4-.1-51.2-1.6-33.9-63.7c18.7-67 31.6-144.4 83.9-144.4v-.1zm93.4 47.8s-44.4 40.8-52.4 55.2l29-1.2v25.3c0 1.5 21.3.2 23.3.2c11.6.5 23.3 1 23.3-.2v-25.3l29 1.2c-8-14.5-52.4-55.2-52.4-55.2h.1z"/></svg>
</template>

CSS

.icon-itch-io {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M135.9%2098.8c-21.7%2012.9-64.5%2062-64.9%2074.9V195c0%2027.1%2025.3%2050.8%2048.2%2050.8c27.6%200%2050.5-22.8%2050.5-50c0%2027.1%2022.2%2050%2049.8%2050s49-22.8%2049-50c0%2027.1%2023.6%2050%2051.2%2050h.5c27.6%200%2051.2-22.8%2051.2-50c0%2027.1%2021.5%2050%2049%2050s49.8-22.8%2049.8-50c0%2027.1%2023%2050%2050.5%2050c23%200%2048.3-23.8%2048.3-50.8v-21.3c-.4-12.9-43.2-62.1-64.9-75c-67.4-2.3-114.2-2.7-184-2.7s-165%201.1-184.2%202.8m132.3%20134.4c-22%2038.4-77.9%2038.7-99.8.2c-13.2%2023.1-43.2%2032.1-56%2027.7c-3.9%2040.2-13.7%20237.1%2017.7%20269.2c80%2018.7%20302.1%2018.1%20379.8%200c31.6-32.3%2021.3-232%2017.7-269.2c-12.9%204.4-42.9-4.6-56-27.7c-22%2038.5-77.8%2038.1-99.8-.2c-7.1%2012.5-23%2028.9-51.8%2028.9c-10.4.3-20.8-2.2-29.9-7.3s-16.7-12.6-21.9-21.6M226.6%20287c16.5%200%2031.1%200%2049.2%2019.8c29.3-3%2058.9-3%2088.2%200c18.2-19.7%2032.8-19.7%2049.2-19.7c52.3%200%2065.2%2077.5%2083.9%20144.4c17.3%2062.2-5.5%2063.7-34%2063.7c-42.1-1.6-65.5-32.2-65.5-62.8c-39.3%206.4-101.9%208.8-155.6%200c0%2030.6-23.3%2061.2-65.5%2062.8c-28.4-.1-51.2-1.6-33.9-63.7c18.7-67%2031.6-144.4%2083.9-144.4v-.1zm93.4%2047.8s-44.4%2040.8-52.4%2055.2l29-1.2v25.3c0%201.5%2021.3.2%2023.3.2c11.6.5%2023.3%201%2023.3-.2v-25.3l29%201.2c-8-14.5-52.4-55.2-52.4-55.2h.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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M135.9%2098.8c-21.7%2012.9-64.5%2062-64.9%2074.9V195c0%2027.1%2025.3%2050.8%2048.2%2050.8c27.6%200%2050.5-22.8%2050.5-50c0%2027.1%2022.2%2050%2049.8%2050s49-22.8%2049-50c0%2027.1%2023.6%2050%2051.2%2050h.5c27.6%200%2051.2-22.8%2051.2-50c0%2027.1%2021.5%2050%2049%2050s49.8-22.8%2049.8-50c0%2027.1%2023%2050%2050.5%2050c23%200%2048.3-23.8%2048.3-50.8v-21.3c-.4-12.9-43.2-62.1-64.9-75c-67.4-2.3-114.2-2.7-184-2.7s-165%201.1-184.2%202.8m132.3%20134.4c-22%2038.4-77.9%2038.7-99.8.2c-13.2%2023.1-43.2%2032.1-56%2027.7c-3.9%2040.2-13.7%20237.1%2017.7%20269.2c80%2018.7%20302.1%2018.1%20379.8%200c31.6-32.3%2021.3-232%2017.7-269.2c-12.9%204.4-42.9-4.6-56-27.7c-22%2038.5-77.8%2038.1-99.8-.2c-7.1%2012.5-23%2028.9-51.8%2028.9c-10.4.3-20.8-2.2-29.9-7.3s-16.7-12.6-21.9-21.6M226.6%20287c16.5%200%2031.1%200%2049.2%2019.8c29.3-3%2058.9-3%2088.2%200c18.2-19.7%2032.8-19.7%2049.2-19.7c52.3%200%2065.2%2077.5%2083.9%20144.4c17.3%2062.2-5.5%2063.7-34%2063.7c-42.1-1.6-65.5-32.2-65.5-62.8c-39.3%206.4-101.9%208.8-155.6%200c0%2030.6-23.3%2061.2-65.5%2062.8c-28.4-.1-51.2-1.6-33.9-63.7c18.7-67%2031.6-144.4%2083.9-144.4v-.1zm93.4%2047.8s-44.4%2040.8-52.4%2055.2l29-1.2v25.3c0%201.5%2021.3.2%2023.3.2c11.6.5%2023.3%201%2023.3-.2v-25.3l29%201.2c-8-14.5-52.4-55.2-52.4-55.2h.1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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