{"repo":"Automattic/gridicons","free":true,"listed":false,"github":"https://github.com/Automattic/gridicons","clone":"git clone https://github.com/Automattic/gridicons.git","description":"The WordPress.com icon set","language":"PHP","stars":115,"topics":["icon-set","icons"],"license":"GPL-2.0","category":"ui-components","readme_excerpt":"Gridicons The Calypso / WordPress.com official icon set. Using the Gridicon Component in your project Note that this component requires react to be installed in your project. If you don't want to use React, you can simply include the raw .svg files from the svg-min folder. Gridicon renders a single svg icon based on an icon prop. It takes a size property but defaults to 24px. For greater sharpness, the icons should only be shown at either 18px, 24px, 36px or 48px. There's a gallery with all the available icons in http://automattic.github.io/gridicons/. Install Use the following command and execute in your terminal: Usage You can either import the whole iconset and decide at run-time which icon to use: Or import icons individually: If you use only a few icons, the recommended way of using the Gridicon library is to import them individually. At the moment of writing this, individual icons are between 1K and 2K, and the file containing the whole iconset sits at 92K. Props icon : String - the icon name. This is ignored when importing icons individually. size : Number - (default: 24) set the size of the icon. onClick : Function - (optional) if you need a click callback. Notes : The icon set is made to be used exactly at these pixel sizes: 12, 18, 24, 36, 48, 54, 72. gridicon-my-sites as it's a small-size version of the WordPress logo, shouldn't be used larger than 36px. If you need to use the WordPress logo in larger sizes, see the Social Logos project. Icon Set Style Guidelines -","default_branch":null,"files":null,"tree":[],"storefront":"/r/Automattic","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Automattic/gridicons/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}