JetBrains logos and branding materials


Usage guidelines

Please review the Brand Guidelines to get acquainted with our dos and don'ts.
If in doubt, please contact marketing@jetbrains.com.

Install

``
npm install @jetbrains/logos
`

Build

`
npm run build
`

Usage in React

`js
import { AppcodeLogo, AppcodeTextLogo } from '@jetbrains/logos/react';

...


`

Node API

$3

index.js allows to obtain package dirname:

`js
const logosPath = require('@jetbrains/logos'); // '/path/to/project/node_modules/jetbrains-logos/'
`

$3

logos.js allows to obtain the list of resources for a given product as well as HTML markup with all the necessary meta tags:

`js
const utils = require('@jetbrains/logos/logos');

const product = 'hub';
const files = utils.getFiles(/ required /product);

/* Returns an array of absolute paths to files:
[
'/path/to/project/node_modules/jetbrains-logos/hub/favicon.ico',
'/path/to/project/node_modules/jetbrains-logos/hub/apple-touch-icon.png'
]
*/
`

`js
const utils = require('@jetbrains/logos/utils');

// An optional filename processor
function processor(filename) {
return filename;
}

const metas = utils.getMetas(/ optional /processor);

/* Returns the list of meta tags:








*/
`
getMetas() will not output OpenGraph tags unless configured. Make sure to call configure() before calling getMetas()
and pass it a configuration object with url and title keys:

`js
const utils = require('@jetbrains/logos/logos');

utils.configure({
url: 'https://teamcity.jetbrains.com',
title: 'TeamCity CI'
});

utils.getMetas()
``