stackoverflow icon logo

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

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

Use the stackoverflow icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 304"><path fill="#bcbbbb" d="M216.33 276.188v-81.211h26.953v108.165H0V194.977h26.954v81.211z"/><path fill="#f48023" d="m56.708 187.276l132.318 27.654l5.6-26.604L62.31 160.672zm17.502-63.009l122.517 57.058l11.202-24.503L85.412 99.414zm33.955-60.208l103.964 86.462l17.152-20.653l-103.964-86.462zM175.375 0L153.67 16.102l80.511 108.515l21.703-16.102zM53.906 248.884h135.119V221.93H53.907z"/></svg>

React

import type { SVGProps } from "react";

export function LogosStackoverflowIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 304"><path fill="#bcbbbb" d="M216.33 276.188v-81.211h26.953v108.165H0V194.977h26.954v81.211z"/><path fill="#f48023" d="m56.708 187.276l132.318 27.654l5.6-26.604L62.31 160.672zm17.502-63.009l122.517 57.058l11.202-24.503L85.412 99.414zm33.955-60.208l103.964 86.462l17.152-20.653l-103.964-86.462zM175.375 0L153.67 16.102l80.511 108.515l21.703-16.102zM53.906 248.884h135.119V221.93H53.907z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 304"><path fill="#bcbbbb" d="M216.33 276.188v-81.211h26.953v108.165H0V194.977h26.954v81.211z"/><path fill="#f48023" d="m56.708 187.276l132.318 27.654l5.6-26.604L62.31 160.672zm17.502-63.009l122.517 57.058l11.202-24.503L85.412 99.414zm33.955-60.208l103.964 86.462l17.152-20.653l-103.964-86.462zM175.375 0L153.67 16.102l80.511 108.515l21.703-16.102zM53.906 248.884h135.119V221.93H53.907z"/></svg>
</template>

CSS

.icon-stackoverflow-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%20304%22%3E%3Cpath%20fill%3D%22%23bcbbbb%22%20d%3D%22M216.33%20276.188v-81.211h26.953v108.165H0V194.977h26.954v81.211z%22%2F%3E%3Cpath%20fill%3D%22%23f48023%22%20d%3D%22m56.708%20187.276l132.318%2027.654l5.6-26.604L62.31%20160.672zm17.502-63.009l122.517%2057.058l11.202-24.503L85.412%2099.414zm33.955-60.208l103.964%2086.462l17.152-20.653l-103.964-86.462zM175.375%200L153.67%2016.102l80.511%20108.515l21.703-16.102zM53.906%20248.884h135.119V221.93H53.907z%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%20304%22%3E%3Cpath%20fill%3D%22%23bcbbbb%22%20d%3D%22M216.33%20276.188v-81.211h26.953v108.165H0V194.977h26.954v81.211z%22%2F%3E%3Cpath%20fill%3D%22%23f48023%22%20d%3D%22m56.708%20187.276l132.318%2027.654l5.6-26.604L62.31%20160.672zm17.502-63.009l122.517%2057.058l11.202-24.503L85.412%2099.414zm33.955-60.208l103.964%2086.462l17.152-20.653l-103.964-86.462zM175.375%200L153.67%2016.102l80.511%20108.515l21.703-16.102zM53.906%20248.884h135.119V221.93H53.907z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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