automattic / jetpack-logo
A logo for Jetpack
Installs: 175 215
Dependents: 4
Suggesters: 0
Security: 0
Stars: 2
Watchers: 13
Forks: 1
Type:jetpack-library
Requires (Dev)
- automattic/jetpack-changelogger: ^3.2.2
- yoast/phpunit-polyfills: 1.0.4
- dev-trunk / 1.5.x-dev
- v1.5.20
- v1.5.19
- v1.5.18
- v1.5.17
- v1.5.16
- v1.5.15
- v1.5.14
- v1.5.13
- v1.5.12
- v1.5.11
- v1.5.10
- v1.5.9
- v1.5.8
- v1.5.7
- v1.5.6
- v1.5.5
- v1.5.4
- 1.5.3
- v1.5.2
- v1.5.1
- v1.5.0
- v1.4.0
- v1.3.0
- v1.2.0
- v1.1.4
- v1.1.2
- v1.1.1
- v1.1.0
- v1.0.0
- dev-prerelease
- dev-fix/slack-workflow-branch-detection
- dev-fix/release-branch-typo
- dev-update/generate-branch-plugin
- dev-release-v1.5.2
- dev-release-v1.5.1
- dev-feature/reorg
- dev-release-v1.5.0
- dev-release-v1.4.0
- dev-release-v1.3.0
- dev-release-v1.2.0
This package is auto-updated.
Last update: 2023-01-26 22:26: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; }