itch io logo
itch-io from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- itch-io
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the itch io logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4.172 1.787C2.776 2.615.027 5.771 0 6.599v1.375c0 1.735 1.625 3.267 3.099 3.267c1.771 0 3.251-1.469 3.251-3.213c0 1.744 1.421 3.213 3.197 3.213c1.771 0 3.151-1.469 3.151-3.213c0 1.744 1.516 3.213 3.287 3.213h.032c1.776 0 3.291-1.469 3.291-3.213c0 1.744 1.381 3.213 3.152 3.213s3.197-1.469 3.197-3.213c0 1.744 1.475 3.213 3.245 3.213c1.479 0 3.104-1.532 3.104-3.267V6.599c-.032-.828-2.776-3.984-4.177-4.812c-4.339-.156-7.344-.183-11.823-.183c-4.484.005-10.593.073-11.828.183zm8.505 8.634a3.7 3.7 0 0 1-.625.797v.005a3.73 3.73 0 0 1-2.599 1.057a3.7 3.7 0 0 1-2.599-1.063a3.4 3.4 0 0 1-.6-.787c-.167.297-.4.552-.645.787A3.7 3.7 0 0 1 3.01 12.28h-.005a1.1 1.1 0 0 1-.349-.073a55 55 0 0 0-.224 3.937v.005c-.005.527-.005.953-.011 1.552c.032 3.115-.307 10.089 1.376 11.803c2.604.604 7.396.88 12.197.885h.005c4.807-.005 9.593-.281 12.197-.885c1.683-1.713 1.344-8.688 1.376-11.803c-.005-.599-.005-1.025-.011-1.552v-.005a52 52 0 0 0-.224-3.937a1 1 0 0 1-.349.073h-.005a3.7 3.7 0 0 1-2.599-1.063h.005c-.245-.235-.479-.489-.645-.787h-.005a3.4 3.4 0 0 1-.595.787a3.71 3.71 0 0 1-5.198 0a3.6 3.6 0 0 1-.615-.787l-.011-.016c-.172.308-.38.573-.615.803a3.7 3.7 0 0 1-2.599 1.063h-.005q-.048.001-.104-.005q-.054.006-.109.005h-.005a3.7 3.7 0 0 1-2.593-1.063a3.4 3.4 0 0 1-.609-.787l-.011-.016zm-2.672 3.454c1.057.005 1.995 0 3.161 1.271c.916-.093 1.875-.14 2.833-.14s1.917.047 2.833.14c1.167-1.271 2.104-1.271 3.161-1.271h.005c.5 0 2.5 0 3.891 3.912l1.495 5.369c1.109 3.995-.355 4.095-2.177 4.095c-2.708-.1-4.208-2.068-4.208-4.037c-1.5.251-3.251.371-5 .371s-3.5-.12-4.995-.371c0 1.969-1.5 3.937-4.208 4.037c-1.828-.005-3.292-.1-2.183-4.095l1.495-5.369c1.396-3.912 3.396-3.912 3.896-3.912zM16 16.953c-.005 0-2.849 2.62-3.364 3.547l1.864-.073v1.625c0 .079.751.047 1.5.011c.749.036 1.495.068 1.495-.011v-1.625l1.869.073C18.849 19.573 16 16.953 16 16.953"/></svg>
React
import type { SVGProps } from "react";
export function CibItchIo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4.172 1.787C2.776 2.615.027 5.771 0 6.599v1.375c0 1.735 1.625 3.267 3.099 3.267c1.771 0 3.251-1.469 3.251-3.213c0 1.744 1.421 3.213 3.197 3.213c1.771 0 3.151-1.469 3.151-3.213c0 1.744 1.516 3.213 3.287 3.213h.032c1.776 0 3.291-1.469 3.291-3.213c0 1.744 1.381 3.213 3.152 3.213s3.197-1.469 3.197-3.213c0 1.744 1.475 3.213 3.245 3.213c1.479 0 3.104-1.532 3.104-3.267V6.599c-.032-.828-2.776-3.984-4.177-4.812c-4.339-.156-7.344-.183-11.823-.183c-4.484.005-10.593.073-11.828.183zm8.505 8.634a3.7 3.7 0 0 1-.625.797v.005a3.73 3.73 0 0 1-2.599 1.057a3.7 3.7 0 0 1-2.599-1.063a3.4 3.4 0 0 1-.6-.787c-.167.297-.4.552-.645.787A3.7 3.7 0 0 1 3.01 12.28h-.005a1.1 1.1 0 0 1-.349-.073a55 55 0 0 0-.224 3.937v.005c-.005.527-.005.953-.011 1.552c.032 3.115-.307 10.089 1.376 11.803c2.604.604 7.396.88 12.197.885h.005c4.807-.005 9.593-.281 12.197-.885c1.683-1.713 1.344-8.688 1.376-11.803c-.005-.599-.005-1.025-.011-1.552v-.005a52 52 0 0 0-.224-3.937a1 1 0 0 1-.349.073h-.005a3.7 3.7 0 0 1-2.599-1.063h.005c-.245-.235-.479-.489-.645-.787h-.005a3.4 3.4 0 0 1-.595.787a3.71 3.71 0 0 1-5.198 0a3.6 3.6 0 0 1-.615-.787l-.011-.016c-.172.308-.38.573-.615.803a3.7 3.7 0 0 1-2.599 1.063h-.005q-.048.001-.104-.005q-.054.006-.109.005h-.005a3.7 3.7 0 0 1-2.593-1.063a3.4 3.4 0 0 1-.609-.787l-.011-.016zm-2.672 3.454c1.057.005 1.995 0 3.161 1.271c.916-.093 1.875-.14 2.833-.14s1.917.047 2.833.14c1.167-1.271 2.104-1.271 3.161-1.271h.005c.5 0 2.5 0 3.891 3.912l1.495 5.369c1.109 3.995-.355 4.095-2.177 4.095c-2.708-.1-4.208-2.068-4.208-4.037c-1.5.251-3.251.371-5 .371s-3.5-.12-4.995-.371c0 1.969-1.5 3.937-4.208 4.037c-1.828-.005-3.292-.1-2.183-4.095l1.495-5.369c1.396-3.912 3.396-3.912 3.896-3.912zM16 16.953c-.005 0-2.849 2.62-3.364 3.547l1.864-.073v1.625c0 .079.751.047 1.5.011c.749.036 1.495.068 1.495-.011v-1.625l1.869.073C18.849 19.573 16 16.953 16 16.953"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4.172 1.787C2.776 2.615.027 5.771 0 6.599v1.375c0 1.735 1.625 3.267 3.099 3.267c1.771 0 3.251-1.469 3.251-3.213c0 1.744 1.421 3.213 3.197 3.213c1.771 0 3.151-1.469 3.151-3.213c0 1.744 1.516 3.213 3.287 3.213h.032c1.776 0 3.291-1.469 3.291-3.213c0 1.744 1.381 3.213 3.152 3.213s3.197-1.469 3.197-3.213c0 1.744 1.475 3.213 3.245 3.213c1.479 0 3.104-1.532 3.104-3.267V6.599c-.032-.828-2.776-3.984-4.177-4.812c-4.339-.156-7.344-.183-11.823-.183c-4.484.005-10.593.073-11.828.183zm8.505 8.634a3.7 3.7 0 0 1-.625.797v.005a3.73 3.73 0 0 1-2.599 1.057a3.7 3.7 0 0 1-2.599-1.063a3.4 3.4 0 0 1-.6-.787c-.167.297-.4.552-.645.787A3.7 3.7 0 0 1 3.01 12.28h-.005a1.1 1.1 0 0 1-.349-.073a55 55 0 0 0-.224 3.937v.005c-.005.527-.005.953-.011 1.552c.032 3.115-.307 10.089 1.376 11.803c2.604.604 7.396.88 12.197.885h.005c4.807-.005 9.593-.281 12.197-.885c1.683-1.713 1.344-8.688 1.376-11.803c-.005-.599-.005-1.025-.011-1.552v-.005a52 52 0 0 0-.224-3.937a1 1 0 0 1-.349.073h-.005a3.7 3.7 0 0 1-2.599-1.063h.005c-.245-.235-.479-.489-.645-.787h-.005a3.4 3.4 0 0 1-.595.787a3.71 3.71 0 0 1-5.198 0a3.6 3.6 0 0 1-.615-.787l-.011-.016c-.172.308-.38.573-.615.803a3.7 3.7 0 0 1-2.599 1.063h-.005q-.048.001-.104-.005q-.054.006-.109.005h-.005a3.7 3.7 0 0 1-2.593-1.063a3.4 3.4 0 0 1-.609-.787l-.011-.016zm-2.672 3.454c1.057.005 1.995 0 3.161 1.271c.916-.093 1.875-.14 2.833-.14s1.917.047 2.833.14c1.167-1.271 2.104-1.271 3.161-1.271h.005c.5 0 2.5 0 3.891 3.912l1.495 5.369c1.109 3.995-.355 4.095-2.177 4.095c-2.708-.1-4.208-2.068-4.208-4.037c-1.5.251-3.251.371-5 .371s-3.5-.12-4.995-.371c0 1.969-1.5 3.937-4.208 4.037c-1.828-.005-3.292-.1-2.183-4.095l1.495-5.369c1.396-3.912 3.396-3.912 3.896-3.912zM16 16.953c-.005 0-2.849 2.62-3.364 3.547l1.864-.073v1.625c0 .079.751.047 1.5.011c.749.036 1.495.068 1.495-.011v-1.625l1.869.073C18.849 19.573 16 16.953 16 16.953"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.172%201.787C2.776%202.615.027%205.771%200%206.599v1.375c0%201.735%201.625%203.267%203.099%203.267c1.771%200%203.251-1.469%203.251-3.213c0%201.744%201.421%203.213%203.197%203.213c1.771%200%203.151-1.469%203.151-3.213c0%201.744%201.516%203.213%203.287%203.213h.032c1.776%200%203.291-1.469%203.291-3.213c0%201.744%201.381%203.213%203.152%203.213s3.197-1.469%203.197-3.213c0%201.744%201.475%203.213%203.245%203.213c1.479%200%203.104-1.532%203.104-3.267V6.599c-.032-.828-2.776-3.984-4.177-4.812c-4.339-.156-7.344-.183-11.823-.183c-4.484.005-10.593.073-11.828.183zm8.505%208.634a3.7%203.7%200%200%201-.625.797v.005a3.73%203.73%200%200%201-2.599%201.057a3.7%203.7%200%200%201-2.599-1.063a3.4%203.4%200%200%201-.6-.787c-.167.297-.4.552-.645.787A3.7%203.7%200%200%201%203.01%2012.28h-.005a1.1%201.1%200%200%201-.349-.073a55%2055%200%200%200-.224%203.937v.005c-.005.527-.005.953-.011%201.552c.032%203.115-.307%2010.089%201.376%2011.803c2.604.604%207.396.88%2012.197.885h.005c4.807-.005%209.593-.281%2012.197-.885c1.683-1.713%201.344-8.688%201.376-11.803c-.005-.599-.005-1.025-.011-1.552v-.005a52%2052%200%200%200-.224-3.937a1%201%200%200%201-.349.073h-.005a3.7%203.7%200%200%201-2.599-1.063h.005c-.245-.235-.479-.489-.645-.787h-.005a3.4%203.4%200%200%201-.595.787a3.71%203.71%200%200%201-5.198%200a3.6%203.6%200%200%201-.615-.787l-.011-.016c-.172.308-.38.573-.615.803a3.7%203.7%200%200%201-2.599%201.063h-.005q-.048.001-.104-.005q-.054.006-.109.005h-.005a3.7%203.7%200%200%201-2.593-1.063a3.4%203.4%200%200%201-.609-.787l-.011-.016zm-2.672%203.454c1.057.005%201.995%200%203.161%201.271c.916-.093%201.875-.14%202.833-.14s1.917.047%202.833.14c1.167-1.271%202.104-1.271%203.161-1.271h.005c.5%200%202.5%200%203.891%203.912l1.495%205.369c1.109%203.995-.355%204.095-2.177%204.095c-2.708-.1-4.208-2.068-4.208-4.037c-1.5.251-3.251.371-5%20.371s-3.5-.12-4.995-.371c0%201.969-1.5%203.937-4.208%204.037c-1.828-.005-3.292-.1-2.183-4.095l1.495-5.369c1.396-3.912%203.396-3.912%203.896-3.912zM16%2016.953c-.005%200-2.849%202.62-3.364%203.547l1.864-.073v1.625c0%20.079.751.047%201.5.011c.749.036%201.495.068%201.495-.011v-1.625l1.869.073C18.849%2019.573%2016%2016.953%2016%2016.953%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.172%201.787C2.776%202.615.027%205.771%200%206.599v1.375c0%201.735%201.625%203.267%203.099%203.267c1.771%200%203.251-1.469%203.251-3.213c0%201.744%201.421%203.213%203.197%203.213c1.771%200%203.151-1.469%203.151-3.213c0%201.744%201.516%203.213%203.287%203.213h.032c1.776%200%203.291-1.469%203.291-3.213c0%201.744%201.381%203.213%203.152%203.213s3.197-1.469%203.197-3.213c0%201.744%201.475%203.213%203.245%203.213c1.479%200%203.104-1.532%203.104-3.267V6.599c-.032-.828-2.776-3.984-4.177-4.812c-4.339-.156-7.344-.183-11.823-.183c-4.484.005-10.593.073-11.828.183zm8.505%208.634a3.7%203.7%200%200%201-.625.797v.005a3.73%203.73%200%200%201-2.599%201.057a3.7%203.7%200%200%201-2.599-1.063a3.4%203.4%200%200%201-.6-.787c-.167.297-.4.552-.645.787A3.7%203.7%200%200%201%203.01%2012.28h-.005a1.1%201.1%200%200%201-.349-.073a55%2055%200%200%200-.224%203.937v.005c-.005.527-.005.953-.011%201.552c.032%203.115-.307%2010.089%201.376%2011.803c2.604.604%207.396.88%2012.197.885h.005c4.807-.005%209.593-.281%2012.197-.885c1.683-1.713%201.344-8.688%201.376-11.803c-.005-.599-.005-1.025-.011-1.552v-.005a52%2052%200%200%200-.224-3.937a1%201%200%200%201-.349.073h-.005a3.7%203.7%200%200%201-2.599-1.063h.005c-.245-.235-.479-.489-.645-.787h-.005a3.4%203.4%200%200%201-.595.787a3.71%203.71%200%200%201-5.198%200a3.6%203.6%200%200%201-.615-.787l-.011-.016c-.172.308-.38.573-.615.803a3.7%203.7%200%200%201-2.599%201.063h-.005q-.048.001-.104-.005q-.054.006-.109.005h-.005a3.7%203.7%200%200%201-2.593-1.063a3.4%203.4%200%200%201-.609-.787l-.011-.016zm-2.672%203.454c1.057.005%201.995%200%203.161%201.271c.916-.093%201.875-.14%202.833-.14s1.917.047%202.833.14c1.167-1.271%202.104-1.271%203.161-1.271h.005c.5%200%202.5%200%203.891%203.912l1.495%205.369c1.109%203.995-.355%204.095-2.177%204.095c-2.708-.1-4.208-2.068-4.208-4.037c-1.5.251-3.251.371-5%20.371s-3.5-.12-4.995-.371c0%201.969-1.5%203.937-4.208%204.037c-1.828-.005-3.292-.1-2.183-4.095l1.495-5.369c1.396-3.912%203.396-3.912%203.896-3.912zM16%2016.953c-.005%200-2.849%202.62-3.364%203.547l1.864-.073v1.625c0%20.079.751.047%201.5.011c.749.036%201.495.068%201.495-.011v-1.625l1.869.073C18.849%2019.573%2016%2016.953%2016%2016.953%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/itch-io.svg?color=%231a73e8&size=48
