automattic/jetpack-logo

A logo for Jetpack

Maintainers

Details

github.com/Automattic/jetpack-logo

Source

Installs: 13 537

Dependents: 4

Suggesters: 0

Security: 0

Stars: 2

Watchers: 13

Forks: 1

v1.5.5 2021-05-25 16:35 UTC

Requires (Dev)

GPL-2.0-or-later 4b4a24e30ac76beea19a4d75b451e2b7a287db4c

This package is auto-updated.

Last update: 2021-07-25 17:00:34 UTC

README

A package that allows you to obtain a Jetpack logo in SVG format.

Usage

Display the default Jetpack logo:

use Automattic\Jetpack\Assets\Logo;

$logo = new Logo();
echo $logo->render();

Styling

The Jetpack logo SVG string includes CSS classes to stylize it:

  • jetpack-logo: the wrapper tag.
  • jetpack-logo__icon-circle: the circle of the Jetpack mark.
  • jetpack-logo__icon-triangle: two shapes that correspond to each triangle in the Jetpack mark.
  • jetpack-logo__icon-text: the Jetpack lettering.

These shapes can be stylized using CSS. For example, to give the circle and text a blue gray color, we can do:

.jetpack-logo__icon-circle,
.jetpack-logo__text {
	fill: #636d75;
}