gnome icon logo

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

Name
gnome-icon
Set
SVG Logos
Style
Color
Viewbox
256×315
License
CC0

Use the gnome icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 315"><path d="M210.658 136.723c10.613 63.064-150.402 86.092-89.773 132.253c19.046 14.5 38.493 3.392 35.547-19.101c-2.458-18.766 65.957-30.13 60.598-1.77c-7.016 37.191-44.519 66.55-77.033 66.55c-66.092 0-129.432-76.857-117.052-132.256c18.29-81.907 178.903-98.023 187.713-45.676m-180.2-7.804c-13.944 6.136-45.617-33.426-21.915-49.803c23.712-16.374 35.86 43.665 21.916 49.803M69.75 97.493c-16.586 3.39-41.7-47.043-12.093-59.261C87.26 26.016 86.35 94.109 69.75 97.493M229.01 0c65.46 0-4.095 93.234-40.914 93.234C151.27 93.234 163.55 0 229.008 0M120.315 81.68c-19.615-1.196-32.57-65.26 4.268-70.042c36.85-4.781 15.339 71.24-4.268 70.043"/></svg>

React

import type { SVGProps } from "react";

export function LogosGnomeIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 315"><path d="M210.658 136.723c10.613 63.064-150.402 86.092-89.773 132.253c19.046 14.5 38.493 3.392 35.547-19.101c-2.458-18.766 65.957-30.13 60.598-1.77c-7.016 37.191-44.519 66.55-77.033 66.55c-66.092 0-129.432-76.857-117.052-132.256c18.29-81.907 178.903-98.023 187.713-45.676m-180.2-7.804c-13.944 6.136-45.617-33.426-21.915-49.803c23.712-16.374 35.86 43.665 21.916 49.803M69.75 97.493c-16.586 3.39-41.7-47.043-12.093-59.261C87.26 26.016 86.35 94.109 69.75 97.493M229.01 0c65.46 0-4.095 93.234-40.914 93.234C151.27 93.234 163.55 0 229.008 0M120.315 81.68c-19.615-1.196-32.57-65.26 4.268-70.042c36.85-4.781 15.339 71.24-4.268 70.043"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 315"><path d="M210.658 136.723c10.613 63.064-150.402 86.092-89.773 132.253c19.046 14.5 38.493 3.392 35.547-19.101c-2.458-18.766 65.957-30.13 60.598-1.77c-7.016 37.191-44.519 66.55-77.033 66.55c-66.092 0-129.432-76.857-117.052-132.256c18.29-81.907 178.903-98.023 187.713-45.676m-180.2-7.804c-13.944 6.136-45.617-33.426-21.915-49.803c23.712-16.374 35.86 43.665 21.916 49.803M69.75 97.493c-16.586 3.39-41.7-47.043-12.093-59.261C87.26 26.016 86.35 94.109 69.75 97.493M229.01 0c65.46 0-4.095 93.234-40.914 93.234C151.27 93.234 163.55 0 229.008 0M120.315 81.68c-19.615-1.196-32.57-65.26 4.268-70.042c36.85-4.781 15.339 71.24-4.268 70.043"/></svg>
</template>

CSS

.icon-gnome-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%20315%22%3E%3Cpath%20d%3D%22M210.658%20136.723c10.613%2063.064-150.402%2086.092-89.773%20132.253c19.046%2014.5%2038.493%203.392%2035.547-19.101c-2.458-18.766%2065.957-30.13%2060.598-1.77c-7.016%2037.191-44.519%2066.55-77.033%2066.55c-66.092%200-129.432-76.857-117.052-132.256c18.29-81.907%20178.903-98.023%20187.713-45.676m-180.2-7.804c-13.944%206.136-45.617-33.426-21.915-49.803c23.712-16.374%2035.86%2043.665%2021.916%2049.803M69.75%2097.493c-16.586%203.39-41.7-47.043-12.093-59.261C87.26%2026.016%2086.35%2094.109%2069.75%2097.493M229.01%200c65.46%200-4.095%2093.234-40.914%2093.234C151.27%2093.234%20163.55%200%20229.008%200M120.315%2081.68c-19.615-1.196-32.57-65.26%204.268-70.042c36.85-4.781%2015.339%2071.24-4.268%2070.043%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%20315%22%3E%3Cpath%20d%3D%22M210.658%20136.723c10.613%2063.064-150.402%2086.092-89.773%20132.253c19.046%2014.5%2038.493%203.392%2035.547-19.101c-2.458-18.766%2065.957-30.13%2060.598-1.77c-7.016%2037.191-44.519%2066.55-77.033%2066.55c-66.092%200-129.432-76.857-117.052-132.256c18.29-81.907%20178.903-98.023%20187.713-45.676m-180.2-7.804c-13.944%206.136-45.617-33.426-21.915-49.803c23.712-16.374%2035.86%2043.665%2021.916%2049.803M69.75%2097.493c-16.586%203.39-41.7-47.043-12.093-59.261C87.26%2026.016%2086.35%2094.109%2069.75%2097.493M229.01%200c65.46%200-4.095%2093.234-40.914%2093.234C151.27%2093.234%20163.55%200%20229.008%200M120.315%2081.68c-19.615-1.196-32.57-65.26%204.268-70.042c36.85-4.781%2015.339%2071.24-4.268%2070.043%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

Gnome Icon logo — SVG Logos · IconsDB