go gopher logo

go-gopher from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
go-gopher
Set
Material Icon Theme
Style
Color
Viewbox
24×24
License
MIT

Related icons in Material Icon Theme

go-mod

Use the go gopher logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#4dd0e1"><path d="M10.575 1.695c-2.634 0-4.756 2.453-4.756 5.502v4.6l-.027-.003v4.71c0 3.05 2.122 5.502 4.756 5.502h2.287c2.634 0 4.756-2.453 4.756-5.502v-4.6l.027.003v-4.71c0-3.049-2.122-5.502-4.756-5.502z"/><rect width="2.289" height="3.335" x="-1.177" y="6.093" ry="1.125" transform="matrix(.48489 -.87457 .85979 .51065 0 0)"/><rect width="2.297" height="3.39" x="10.261" y="-15.076" ry="1.143" transform="matrix(.44646 .8948 -.89204 .45195 0 0)"/></g><g transform="translate(.282 -.134)"><circle cx="9.267" cy="5.13" r="2.054" fill="#fafafa" stroke="#616161" stroke-width=".1"/><circle cx="14.214" cy="5.116" r="2.054" fill="#fafafa" stroke="#616161" stroke-width=".1"/><ellipse cx="8.039" cy="5.051" fill="#212121" rx=".792" ry=".901"/><path fill="#fafafa" stroke="#fafafa" stroke-width=".155" d="m11.792 9.556l.763.138a.403.689 0 0 1 .008.138a.403.689 0 0 1-.403.69a.403.689 0 0 1-.403-.69a.403.689 0 0 1 .035-.276z"/><ellipse cx="8.51" cy="5.365" fill="#fafafa" rx=".138" ry=".166"/><ellipse cx="12.945" cy="5.189" fill="#212121" rx=".792" ry=".901"/><ellipse cx="13.414" cy="5.446" fill="#fafafa" rx=".138" ry=".166"/><ellipse cx="-12.982" cy="-3.409" fill="#ffe0b2" rx=".708" ry="1.026" transform="rotate(-129.403)"/><path fill="#fafafa" stroke="#fafafa" stroke-width=".153" d="m11.772 9.553l-.757.135a.4.672 0 0 0-.008.134a.4.672 0 0 0 .4.673a.4.672 0 0 0 .4-.672a.4.672 0 0 0-.035-.27z"/><g fill="#ffe0b2"><ellipse cx="1.841" cy="-21.563" rx=".707" ry="1.026" transform="rotate(-50.597)scale(1 -1)"/><ellipse cx="-17.281" cy="-21.784" rx=".864" ry="1.27" transform="matrix(.3054 -.95222 -.97065 -.24051 0 0)"/><ellipse cx="22.885" cy="2.587" rx=".864" ry="1.27" transform="matrix(.22652 .97401 .95652 -.29167 0 0)"/><path stroke="#546e7a" stroke-width=".1" d="M10.708 8.392a.594.594 0 0 0-.594.597v.115c0 .331.265.598.594.598h.386a.973.772 0 0 1 .697-.235a.973.772 0 0 1 .698.235h.334c.33 0 .595-.267.595-.598V8.99a.595.595 0 0 0-.595-.597h-2.115z"/></g><ellipse cx="11.734" cy="8.203" fill="#212121" stroke="#fafafa" stroke-width=".162" rx="1.208" ry=".68"/></g></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeGoGopher(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#4dd0e1"><path d="M10.575 1.695c-2.634 0-4.756 2.453-4.756 5.502v4.6l-.027-.003v4.71c0 3.05 2.122 5.502 4.756 5.502h2.287c2.634 0 4.756-2.453 4.756-5.502v-4.6l.027.003v-4.71c0-3.049-2.122-5.502-4.756-5.502z"/><rect width="2.289" height="3.335" x="-1.177" y="6.093" ry="1.125" transform="matrix(.48489 -.87457 .85979 .51065 0 0)"/><rect width="2.297" height="3.39" x="10.261" y="-15.076" ry="1.143" transform="matrix(.44646 .8948 -.89204 .45195 0 0)"/></g><g transform="translate(.282 -.134)"><circle cx="9.267" cy="5.13" r="2.054" fill="#fafafa" stroke="#616161" strokeWidth=".1"/><circle cx="14.214" cy="5.116" r="2.054" fill="#fafafa" stroke="#616161" strokeWidth=".1"/><ellipse cx="8.039" cy="5.051" fill="#212121" rx=".792" ry=".901"/><path fill="#fafafa" stroke="#fafafa" strokeWidth=".155" d="m11.792 9.556l.763.138a.403.689 0 0 1 .008.138a.403.689 0 0 1-.403.69a.403.689 0 0 1-.403-.69a.403.689 0 0 1 .035-.276z"/><ellipse cx="8.51" cy="5.365" fill="#fafafa" rx=".138" ry=".166"/><ellipse cx="12.945" cy="5.189" fill="#212121" rx=".792" ry=".901"/><ellipse cx="13.414" cy="5.446" fill="#fafafa" rx=".138" ry=".166"/><ellipse cx="-12.982" cy="-3.409" fill="#ffe0b2" rx=".708" ry="1.026" transform="rotate(-129.403)"/><path fill="#fafafa" stroke="#fafafa" strokeWidth=".153" d="m11.772 9.553l-.757.135a.4.672 0 0 0-.008.134a.4.672 0 0 0 .4.673a.4.672 0 0 0 .4-.672a.4.672 0 0 0-.035-.27z"/><g fill="#ffe0b2"><ellipse cx="1.841" cy="-21.563" rx=".707" ry="1.026" transform="rotate(-50.597)scale(1 -1)"/><ellipse cx="-17.281" cy="-21.784" rx=".864" ry="1.27" transform="matrix(.3054 -.95222 -.97065 -.24051 0 0)"/><ellipse cx="22.885" cy="2.587" rx=".864" ry="1.27" transform="matrix(.22652 .97401 .95652 -.29167 0 0)"/><path stroke="#546e7a" strokeWidth=".1" d="M10.708 8.392a.594.594 0 0 0-.594.597v.115c0 .331.265.598.594.598h.386a.973.772 0 0 1 .697-.235a.973.772 0 0 1 .698.235h.334c.33 0 .595-.267.595-.598V8.99a.595.595 0 0 0-.595-.597h-2.115z"/></g><ellipse cx="11.734" cy="8.203" fill="#212121" stroke="#fafafa" strokeWidth=".162" rx="1.208" ry=".68"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#4dd0e1"><path d="M10.575 1.695c-2.634 0-4.756 2.453-4.756 5.502v4.6l-.027-.003v4.71c0 3.05 2.122 5.502 4.756 5.502h2.287c2.634 0 4.756-2.453 4.756-5.502v-4.6l.027.003v-4.71c0-3.049-2.122-5.502-4.756-5.502z"/><rect width="2.289" height="3.335" x="-1.177" y="6.093" ry="1.125" transform="matrix(.48489 -.87457 .85979 .51065 0 0)"/><rect width="2.297" height="3.39" x="10.261" y="-15.076" ry="1.143" transform="matrix(.44646 .8948 -.89204 .45195 0 0)"/></g><g transform="translate(.282 -.134)"><circle cx="9.267" cy="5.13" r="2.054" fill="#fafafa" stroke="#616161" stroke-width=".1"/><circle cx="14.214" cy="5.116" r="2.054" fill="#fafafa" stroke="#616161" stroke-width=".1"/><ellipse cx="8.039" cy="5.051" fill="#212121" rx=".792" ry=".901"/><path fill="#fafafa" stroke="#fafafa" stroke-width=".155" d="m11.792 9.556l.763.138a.403.689 0 0 1 .008.138a.403.689 0 0 1-.403.69a.403.689 0 0 1-.403-.69a.403.689 0 0 1 .035-.276z"/><ellipse cx="8.51" cy="5.365" fill="#fafafa" rx=".138" ry=".166"/><ellipse cx="12.945" cy="5.189" fill="#212121" rx=".792" ry=".901"/><ellipse cx="13.414" cy="5.446" fill="#fafafa" rx=".138" ry=".166"/><ellipse cx="-12.982" cy="-3.409" fill="#ffe0b2" rx=".708" ry="1.026" transform="rotate(-129.403)"/><path fill="#fafafa" stroke="#fafafa" stroke-width=".153" d="m11.772 9.553l-.757.135a.4.672 0 0 0-.008.134a.4.672 0 0 0 .4.673a.4.672 0 0 0 .4-.672a.4.672 0 0 0-.035-.27z"/><g fill="#ffe0b2"><ellipse cx="1.841" cy="-21.563" rx=".707" ry="1.026" transform="rotate(-50.597)scale(1 -1)"/><ellipse cx="-17.281" cy="-21.784" rx=".864" ry="1.27" transform="matrix(.3054 -.95222 -.97065 -.24051 0 0)"/><ellipse cx="22.885" cy="2.587" rx=".864" ry="1.27" transform="matrix(.22652 .97401 .95652 -.29167 0 0)"/><path stroke="#546e7a" stroke-width=".1" d="M10.708 8.392a.594.594 0 0 0-.594.597v.115c0 .331.265.598.594.598h.386a.973.772 0 0 1 .697-.235a.973.772 0 0 1 .698.235h.334c.33 0 .595-.267.595-.598V8.99a.595.595 0 0 0-.595-.597h-2.115z"/></g><ellipse cx="11.734" cy="8.203" fill="#212121" stroke="#fafafa" stroke-width=".162" rx="1.208" ry=".68"/></g></svg>
</template>

CSS

.icon-go-gopher {
  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%3Cg%20fill%3D%22%234dd0e1%22%3E%3Cpath%20d%3D%22M10.575%201.695c-2.634%200-4.756%202.453-4.756%205.502v4.6l-.027-.003v4.71c0%203.05%202.122%205.502%204.756%205.502h2.287c2.634%200%204.756-2.453%204.756-5.502v-4.6l.027.003v-4.71c0-3.049-2.122-5.502-4.756-5.502z%22%2F%3E%3Crect%20width%3D%222.289%22%20height%3D%223.335%22%20x%3D%22-1.177%22%20y%3D%226.093%22%20ry%3D%221.125%22%20transform%3D%22matrix(.48489%20-.87457%20.85979%20.51065%200%200)%22%2F%3E%3Crect%20width%3D%222.297%22%20height%3D%223.39%22%20x%3D%2210.261%22%20y%3D%22-15.076%22%20ry%3D%221.143%22%20transform%3D%22matrix(.44646%20.8948%20-.89204%20.45195%200%200)%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(.282%20-.134)%22%3E%3Ccircle%20cx%3D%229.267%22%20cy%3D%225.13%22%20r%3D%222.054%22%20fill%3D%22%23fafafa%22%20stroke%3D%22%23616161%22%20stroke-width%3D%22.1%22%2F%3E%3Ccircle%20cx%3D%2214.214%22%20cy%3D%225.116%22%20r%3D%222.054%22%20fill%3D%22%23fafafa%22%20stroke%3D%22%23616161%22%20stroke-width%3D%22.1%22%2F%3E%3Cellipse%20cx%3D%228.039%22%20cy%3D%225.051%22%20fill%3D%22%23212121%22%20rx%3D%22.792%22%20ry%3D%22.901%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20stroke%3D%22%23fafafa%22%20stroke-width%3D%22.155%22%20d%3D%22m11.792%209.556l.763.138a.403.689%200%200%201%20.008.138a.403.689%200%200%201-.403.69a.403.689%200%200%201-.403-.69a.403.689%200%200%201%20.035-.276z%22%2F%3E%3Cellipse%20cx%3D%228.51%22%20cy%3D%225.365%22%20fill%3D%22%23fafafa%22%20rx%3D%22.138%22%20ry%3D%22.166%22%2F%3E%3Cellipse%20cx%3D%2212.945%22%20cy%3D%225.189%22%20fill%3D%22%23212121%22%20rx%3D%22.792%22%20ry%3D%22.901%22%2F%3E%3Cellipse%20cx%3D%2213.414%22%20cy%3D%225.446%22%20fill%3D%22%23fafafa%22%20rx%3D%22.138%22%20ry%3D%22.166%22%2F%3E%3Cellipse%20cx%3D%22-12.982%22%20cy%3D%22-3.409%22%20fill%3D%22%23ffe0b2%22%20rx%3D%22.708%22%20ry%3D%221.026%22%20transform%3D%22rotate(-129.403)%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20stroke%3D%22%23fafafa%22%20stroke-width%3D%22.153%22%20d%3D%22m11.772%209.553l-.757.135a.4.672%200%200%200-.008.134a.4.672%200%200%200%20.4.673a.4.672%200%200%200%20.4-.672a.4.672%200%200%200-.035-.27z%22%2F%3E%3Cg%20fill%3D%22%23ffe0b2%22%3E%3Cellipse%20cx%3D%221.841%22%20cy%3D%22-21.563%22%20rx%3D%22.707%22%20ry%3D%221.026%22%20transform%3D%22rotate(-50.597)scale(1%20-1)%22%2F%3E%3Cellipse%20cx%3D%22-17.281%22%20cy%3D%22-21.784%22%20rx%3D%22.864%22%20ry%3D%221.27%22%20transform%3D%22matrix(.3054%20-.95222%20-.97065%20-.24051%200%200)%22%2F%3E%3Cellipse%20cx%3D%2222.885%22%20cy%3D%222.587%22%20rx%3D%22.864%22%20ry%3D%221.27%22%20transform%3D%22matrix(.22652%20.97401%20.95652%20-.29167%200%200)%22%2F%3E%3Cpath%20stroke%3D%22%23546e7a%22%20stroke-width%3D%22.1%22%20d%3D%22M10.708%208.392a.594.594%200%200%200-.594.597v.115c0%20.331.265.598.594.598h.386a.973.772%200%200%201%20.697-.235a.973.772%200%200%201%20.698.235h.334c.33%200%20.595-.267.595-.598V8.99a.595.595%200%200%200-.595-.597h-2.115z%22%2F%3E%3C%2Fg%3E%3Cellipse%20cx%3D%2211.734%22%20cy%3D%228.203%22%20fill%3D%22%23212121%22%20stroke%3D%22%23fafafa%22%20stroke-width%3D%22.162%22%20rx%3D%221.208%22%20ry%3D%22.68%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22%234dd0e1%22%3E%3Cpath%20d%3D%22M10.575%201.695c-2.634%200-4.756%202.453-4.756%205.502v4.6l-.027-.003v4.71c0%203.05%202.122%205.502%204.756%205.502h2.287c2.634%200%204.756-2.453%204.756-5.502v-4.6l.027.003v-4.71c0-3.049-2.122-5.502-4.756-5.502z%22%2F%3E%3Crect%20width%3D%222.289%22%20height%3D%223.335%22%20x%3D%22-1.177%22%20y%3D%226.093%22%20ry%3D%221.125%22%20transform%3D%22matrix(.48489%20-.87457%20.85979%20.51065%200%200)%22%2F%3E%3Crect%20width%3D%222.297%22%20height%3D%223.39%22%20x%3D%2210.261%22%20y%3D%22-15.076%22%20ry%3D%221.143%22%20transform%3D%22matrix(.44646%20.8948%20-.89204%20.45195%200%200)%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(.282%20-.134)%22%3E%3Ccircle%20cx%3D%229.267%22%20cy%3D%225.13%22%20r%3D%222.054%22%20fill%3D%22%23fafafa%22%20stroke%3D%22%23616161%22%20stroke-width%3D%22.1%22%2F%3E%3Ccircle%20cx%3D%2214.214%22%20cy%3D%225.116%22%20r%3D%222.054%22%20fill%3D%22%23fafafa%22%20stroke%3D%22%23616161%22%20stroke-width%3D%22.1%22%2F%3E%3Cellipse%20cx%3D%228.039%22%20cy%3D%225.051%22%20fill%3D%22%23212121%22%20rx%3D%22.792%22%20ry%3D%22.901%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20stroke%3D%22%23fafafa%22%20stroke-width%3D%22.155%22%20d%3D%22m11.792%209.556l.763.138a.403.689%200%200%201%20.008.138a.403.689%200%200%201-.403.69a.403.689%200%200%201-.403-.69a.403.689%200%200%201%20.035-.276z%22%2F%3E%3Cellipse%20cx%3D%228.51%22%20cy%3D%225.365%22%20fill%3D%22%23fafafa%22%20rx%3D%22.138%22%20ry%3D%22.166%22%2F%3E%3Cellipse%20cx%3D%2212.945%22%20cy%3D%225.189%22%20fill%3D%22%23212121%22%20rx%3D%22.792%22%20ry%3D%22.901%22%2F%3E%3Cellipse%20cx%3D%2213.414%22%20cy%3D%225.446%22%20fill%3D%22%23fafafa%22%20rx%3D%22.138%22%20ry%3D%22.166%22%2F%3E%3Cellipse%20cx%3D%22-12.982%22%20cy%3D%22-3.409%22%20fill%3D%22%23ffe0b2%22%20rx%3D%22.708%22%20ry%3D%221.026%22%20transform%3D%22rotate(-129.403)%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20stroke%3D%22%23fafafa%22%20stroke-width%3D%22.153%22%20d%3D%22m11.772%209.553l-.757.135a.4.672%200%200%200-.008.134a.4.672%200%200%200%20.4.673a.4.672%200%200%200%20.4-.672a.4.672%200%200%200-.035-.27z%22%2F%3E%3Cg%20fill%3D%22%23ffe0b2%22%3E%3Cellipse%20cx%3D%221.841%22%20cy%3D%22-21.563%22%20rx%3D%22.707%22%20ry%3D%221.026%22%20transform%3D%22rotate(-50.597)scale(1%20-1)%22%2F%3E%3Cellipse%20cx%3D%22-17.281%22%20cy%3D%22-21.784%22%20rx%3D%22.864%22%20ry%3D%221.27%22%20transform%3D%22matrix(.3054%20-.95222%20-.97065%20-.24051%200%200)%22%2F%3E%3Cellipse%20cx%3D%2222.885%22%20cy%3D%222.587%22%20rx%3D%22.864%22%20ry%3D%221.27%22%20transform%3D%22matrix(.22652%20.97401%20.95652%20-.29167%200%200)%22%2F%3E%3Cpath%20stroke%3D%22%23546e7a%22%20stroke-width%3D%22.1%22%20d%3D%22M10.708%208.392a.594.594%200%200%200-.594.597v.115c0%20.331.265.598.594.598h.386a.973.772%200%200%201%20.697-.235a.973.772%200%200%201%20.698.235h.334c.33%200%20.595-.267.595-.598V8.99a.595.595%200%200%200-.595-.597h-2.115z%22%2F%3E%3C%2Fg%3E%3Cellipse%20cx%3D%2211.734%22%20cy%3D%228.203%22%20fill%3D%22%23212121%22%20stroke%3D%22%23fafafa%22%20stroke-width%3D%22.162%22%20rx%3D%221.208%22%20ry%3D%22.68%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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