Version 4.0 and up uses New Genericons which NO LONGER uses font icons by default. While I have done my best to ensure upgrades are seamless, please make sure to look at your site where Genericon'd is in use to be sure.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":"8"},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":"1036942","resolution":"128x128","location":"assets"},"icon-256x256.png":{"filename":"icon-256x256.png","revision":"1036942","resolution":"256x256","location":"assets"}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":"676981","resolution":"1544x500","location":"assets"},"banner-772x250.png":{"filename":"banner-772x250.png","revision":"676981","resolution":"772x250","location":"assets"}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["3.4.0","3.4.1","4.0.0","4.0.1","4.0.5"],"block_files":[],"assets_screenshots":{"screenshot-01.png":{"filename":"screenshot-01.png","revision":"1542290","resolution":"01","location":"assets"},"screenshot-02.jpg":{"filename":"screenshot-02.jpg","revision":"677562","resolution":"02","location":"assets"}},"screenshots":{"1":"Genericon'd help page","2":"Zaboo, patron avatar of Genericon'd"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[10479,23845,498,566],"plugin_category":[50],"plugin_contributors":[78470],"plugin_business_model":[],"class_list":["post-22276","plugin","type-plugin","status-closed","hentry","plugin_tags-font-icon","plugin_tags-genericons","plugin_tags-icons","plugin_tags-ui","plugin_category-media","plugin_contributors-ipstenu","plugin_committers-ipstenu"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/genericond_c48260.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/genericond\/assets\/screenshot-01.png?rev=1542290","caption":"Genericon'd help page"},{"src":"https:\/\/ps.w.org\/genericond\/assets\/screenshot-02.jpg?rev=677562","caption":"Zaboo, patron avatar of Genericon'd"}],"raw_content":"\n
Genericon'd includes three icon sets:<\/p>\n\n
By default, Genericons Neue<\/em> and Social Logos<\/em> are both active and use SVG sprites, not fonts. If you want to go back to displaying the icons as a font, you can do so via settings.<\/p>\n\n To use any of the Genericons icons on your WordPress site you can use basic HTML (for inserting in themes and functions) or shortcodes (for use in posts or widgets). You can adjust the size of the icons via css or, when using the shortcode, the size attribute. Default size is 16px for Genericons and 24 for Social Logos.<\/p>\n\n To display the Twitter icon: No remote calls are made with this plugin and no data is tracked.<\/p>\n\n\n Install as a normal WordPress Plugin.<\/p>\n\n Add shortcodes to your posts, pages and even widgets to display a Genericons or Social Logos icon.<\/p>\n\n For example, to display the Twitter icon: Install as a normal WordPress Plugin.<\/p>\n\n Add shortcodes to your posts, pages and even widgets to display a Genericons or Social Logos icon.<\/p>\n\n For example, to display the Twitter icon: Great! I'm a monkey with a crayon! Seriously, though, I didn't make Genericons, I have no artistic ability to make more. If I did, we'd have a unicorn one. Please file issues and requests for new icons directly with Genericons<\/a>.<\/p>\n\n Have a desire for social icons like Twumlrbook? Submit that directly to Social Logos<\/a><\/p><\/dd>\n Not at this time.<\/p><\/dd>\n On your WP dashboard, go to Appearance -> Genericon'd. The page there will list all the icons and their file names.<\/p><\/dd>\n No. You can't add shortcodes to menus at this time. There used to be a workaround with using the If you still want to have the old font-icons available, you can enable them by checking boxes on the settings page. It's not recommended though, as the font will slow your page down.<\/p><\/dd>\n Using CSS with SVGs is weird. Instead of something like Because in version 4.0, Genericons ceased development and moved to Genericons Neue. In doing so, they dropped support for all social media logos. Since I didn't want to leave everyone out in the cold, I pulled in the Social Logos icon set.<\/p><\/dd>\n I know what you mean. Try this: It uses inline styling, which I hate, but this was the best way to solve the problem that I could find (suggestions welcome).<\/p><\/dd>\n Sure can! Use this: You can use 2x through 6x. Anything else punts it to 1x.<\/p><\/dd>\n You do it like this: Sure! This is less complicated than it looks but requires CSS:<\/p>\n\n If you wanted it to be for links only, then use Yes, but Genericon'd is a Zaboo-esque sort of way of saying 'These icons have been genericonified!' I was in a The Guild frame of mind. Also since this is not the official plugin, I didn't want to use that slug.<\/p><\/dd>\n\n<\/dl>\n\n\n[genericon icon=twitter]<\/code><\/p>\n\nPrivacy Policy<\/h4>\n\n
Usage<\/h4>\n\n
[genericon icon=twitter]<\/code><\/p>\n\n\n\n
Usage<\/h4>\n\n
[genericon icon=twitter]<\/code><\/p><\/dd>\n\n
icon<\/code> code, but since we're not using Font Icons anymore, you can't anymore unless you enable Legacy Font Icons.<\/p><\/dd>\n.genericon {color:red;}<\/code> you'll have to use the fill<\/code> parameter. For example, if you just want Twitter to be blue, add svg.social-logos-twitter {fill:blue;}<\/code> and so on and so forth.<\/p><\/dd>\n[genericon icon=twitter color=blue]<\/code><\/p>\n\n[genericon icon=twitter size=2x]<\/code><\/p>\n\n[genericon icon=star repeat=4]<\/code><\/p><\/dd>\n[genericon icon=twitter rotate={90|180|270|flip-horizontal|flip-vertical} ]<\/code><\/p><\/dd>\nsvg.social-logos-twitter:hover {\n fill: purple!important;\n}\n<\/code><\/pre>\n\na svg.social-logos-twitter:hover<\/code> since you wrap the href around the shortcode.<\/p><\/dd>\n4.0.5<\/h4>\n\n
\n
4.0.1<\/h4>\n\n
\n
4.0.0<\/h4>\n\n
\n
3.4.1<\/h4>\n\n