ghostery logo

ghostery from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
ghostery
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the ghostery logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.058 19.93c-1.01-2.29-1.185-4.228-1.212-4.99V8.67C20.846 3.882 16.886 0 12 0S3.15 3.882 3.15 8.671v6.36c-.037.82-.236 2.7-1.207 4.899c-1.306 2.955-.226 2.603.742 2.36c.968-.242 3.13-1.192 3.805-.022s1.238 2.184 2.814 1.523c1.576-.663 2.318-.883 2.543-.883h.306c.225 0 .968.22 2.543.882s2.14-.353 2.814-1.522c.676-1.17 2.837-.22 3.805.022c.968.243 2.048.595.743-2.36M9.268 4.728c.953 0 1.725 1.198 1.725 2.676s-.772 2.677-1.725 2.677s-1.726-1.198-1.726-2.677c0-1.478.773-2.676 1.726-2.676m2.73 10.697c-2.1 0-3.867-2.025-4.4-4.279c1.029 1.387 2.617 2.277 4.4 2.277s3.372-.89 4.401-2.277c-.533 2.254-2.3 4.28-4.4 4.28m2.73-5.345c-.953 0-1.725-1.198-1.725-2.677c0-1.478.772-2.676 1.726-2.676c.953 0 1.725 1.198 1.725 2.676s-.772 2.677-1.725 2.677Z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsGhostery(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.058 19.93c-1.01-2.29-1.185-4.228-1.212-4.99V8.67C20.846 3.882 16.886 0 12 0S3.15 3.882 3.15 8.671v6.36c-.037.82-.236 2.7-1.207 4.899c-1.306 2.955-.226 2.603.742 2.36c.968-.242 3.13-1.192 3.805-.022s1.238 2.184 2.814 1.523c1.576-.663 2.318-.883 2.543-.883h.306c.225 0 .968.22 2.543.882s2.14-.353 2.814-1.522c.676-1.17 2.837-.22 3.805.022c.968.243 2.048.595.743-2.36M9.268 4.728c.953 0 1.725 1.198 1.725 2.676s-.772 2.677-1.725 2.677s-1.726-1.198-1.726-2.677c0-1.478.773-2.676 1.726-2.676m2.73 10.697c-2.1 0-3.867-2.025-4.4-4.279c1.029 1.387 2.617 2.277 4.4 2.277s3.372-.89 4.401-2.277c-.533 2.254-2.3 4.28-4.4 4.28m2.73-5.345c-.953 0-1.725-1.198-1.725-2.677c0-1.478.772-2.676 1.726-2.676c.953 0 1.725 1.198 1.725 2.676s-.772 2.677-1.725 2.677Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.058 19.93c-1.01-2.29-1.185-4.228-1.212-4.99V8.67C20.846 3.882 16.886 0 12 0S3.15 3.882 3.15 8.671v6.36c-.037.82-.236 2.7-1.207 4.899c-1.306 2.955-.226 2.603.742 2.36c.968-.242 3.13-1.192 3.805-.022s1.238 2.184 2.814 1.523c1.576-.663 2.318-.883 2.543-.883h.306c.225 0 .968.22 2.543.882s2.14-.353 2.814-1.522c.676-1.17 2.837-.22 3.805.022c.968.243 2.048.595.743-2.36M9.268 4.728c.953 0 1.725 1.198 1.725 2.676s-.772 2.677-1.725 2.677s-1.726-1.198-1.726-2.677c0-1.478.773-2.676 1.726-2.676m2.73 10.697c-2.1 0-3.867-2.025-4.4-4.279c1.029 1.387 2.617 2.277 4.4 2.277s3.372-.89 4.401-2.277c-.533 2.254-2.3 4.28-4.4 4.28m2.73-5.345c-.953 0-1.725-1.198-1.725-2.677c0-1.478.772-2.676 1.726-2.676c.953 0 1.725 1.198 1.725 2.676s-.772 2.677-1.725 2.677Z"/></svg>
</template>

CSS

.icon-ghostery {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.058%2019.93c-1.01-2.29-1.185-4.228-1.212-4.99V8.67C20.846%203.882%2016.886%200%2012%200S3.15%203.882%203.15%208.671v6.36c-.037.82-.236%202.7-1.207%204.899c-1.306%202.955-.226%202.603.742%202.36c.968-.242%203.13-1.192%203.805-.022s1.238%202.184%202.814%201.523c1.576-.663%202.318-.883%202.543-.883h.306c.225%200%20.968.22%202.543.882s2.14-.353%202.814-1.522c.676-1.17%202.837-.22%203.805.022c.968.243%202.048.595.743-2.36M9.268%204.728c.953%200%201.725%201.198%201.725%202.676s-.772%202.677-1.725%202.677s-1.726-1.198-1.726-2.677c0-1.478.773-2.676%201.726-2.676m2.73%2010.697c-2.1%200-3.867-2.025-4.4-4.279c1.029%201.387%202.617%202.277%204.4%202.277s3.372-.89%204.401-2.277c-.533%202.254-2.3%204.28-4.4%204.28m2.73-5.345c-.953%200-1.725-1.198-1.725-2.677c0-1.478.772-2.676%201.726-2.676c.953%200%201.725%201.198%201.725%202.676s-.772%202.677-1.725%202.677Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.058%2019.93c-1.01-2.29-1.185-4.228-1.212-4.99V8.67C20.846%203.882%2016.886%200%2012%200S3.15%203.882%203.15%208.671v6.36c-.037.82-.236%202.7-1.207%204.899c-1.306%202.955-.226%202.603.742%202.36c.968-.242%203.13-1.192%203.805-.022s1.238%202.184%202.814%201.523c1.576-.663%202.318-.883%202.543-.883h.306c.225%200%20.968.22%202.543.882s2.14-.353%202.814-1.522c.676-1.17%202.837-.22%203.805.022c.968.243%202.048.595.743-2.36M9.268%204.728c.953%200%201.725%201.198%201.725%202.676s-.772%202.677-1.725%202.677s-1.726-1.198-1.726-2.677c0-1.478.773-2.676%201.726-2.676m2.73%2010.697c-2.1%200-3.867-2.025-4.4-4.279c1.029%201.387%202.617%202.277%204.4%202.277s3.372-.89%204.401-2.277c-.533%202.254-2.3%204.28-4.4%204.28m2.73-5.345c-.953%200-1.725-1.198-1.725-2.677c0-1.478.772-2.676%201.726-2.676c.953%200%201.725%201.198%201.725%202.676s-.772%202.677-1.725%202.677Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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