Icons: Difference between revisions

Latest revision as of 15:01, 8 April 2025

Help:Contents provides details about using graphics.

I formerly used the Icon Extension before this functionality was included in newer versions of MediaWiki.

Installing Icons

In order to get the Oxygen icons into this mediawiki system, I installed the icon set (well actually I think it came as a dependency with some kde4 application) which provides the compressed svg files. Then I copied the compressed files to a temporary location where I could decompress them and import them. Using the import tool^[1] provided by mediawiki, I batch imported the ~800 images. I didn't categorize them, which had I known about categorizing images I would have done first, rather than later. If you want to categorize your images on import, just add the category to the comment.

find /usr/lib/kde4/share/icons/oxygen/scalable/ -name '*svgz' -exec cp {} /tmp/ \;
gunzip --suffix=svgz /tmp/*svgz
for i in /tmp/*\.; do mv $i ${i}svg; done;
cd phase3/maintenance
php importImages.php --extensions=svg --user=Freephile --comment='Get the whole set at http://www.oxygen-icons.org' /tmp/

Here's the true repo/home for KDE Project Oxygen Icons with a mirror at GitHub

Tech Icons

The techicons.dev and devicon projects (repo) offer ~400+ tech logos. We imported them here into Category:Tech Icons

Creating Favicons and Application Icons

You can use Inkscape as a tool to create your web and application icons.

Resources:

Emoji

See the list of official emoji at the Unicode Consortium website https://www.unicode.org/emoji/charts/emoji-list.html

↑ See documentation for the maintenance script Manual:ImportImages.php

[1] See documentation for the maintenance script Manual:ImportImages.php

[1]

@@ Line 1: / Line 1: @@
 [[Help:Contents]] provides details about using graphics.
-In order to provide more utility for using Icons and graphics as interface elements in this wiki, we've installed the [[mw:Extension:Icon|Icon Extension]]  This creates a new "parser function" which simply means that the syntax for using graphics is easier.
+I formerly used the [[mw:Extension:Icon|Icon Extension]] before this functionality was included in newer versions of MediaWiki.
-== Usage ==
+== Installing Icons ==
-<pre>
+In order to get the '''Oxygen icons''' into this mediawiki system, I installed the icon set (well actually I think it came as a dependency with some kde4 application) which provides the compressed svg files.  Then I copied the compressed files to a temporary location where I could decompress them and import them.  Using the import tool<ref>See documentation for the maintenance script [[mw:Manual:ImportImages.php|Manual:ImportImages.php]]</ref> provided by mediawiki, I batch imported the ~800 images.  I didn't categorize them, which had I known about categorizing images I would have done first, rather than later.  If you want to categorize your images on import, just add the category to the comment.
- {{#icon: image title | image alt text | image width | page to link to }}
+<syntaxhighlight lang="bash">
-</pre>
+find /usr/lib/kde4/share/icons/oxygen/scalable/ -name '*svgz' -exec cp {} /tmp/ \;
-* Only the '''image title''' argument is required - the rest are optional.
+gunzip --suffix=svgz /tmp/*svgz
-<pre>
+for i in /tmp/*\.; do mv $i ${i}svg; done;
- {{#icon: Info.png|Info}} will display the Info.png icon in it's default size
+cd phase3/maintenance
- {{#icon: Info.png|Info|24}} will display the Info.png icon with a width of 24px
+php importImages.php --extensions=svg --user=Freephile --comment='Get the whole set at http://www.oxygen-icons.org' /tmp/
- {{#icon: Info.png|Info|24|Special:Help}} same as above and clicking on it will link to Special:Help
+</syntaxhighlight>Here's the true repo/home for [https://invent.kde.org/frameworks/oxygen-icons KDE Project Oxygen Icons] with a [https://github.com/KDE/oxygen-icons mirror at GitHub]
-</pre>
+=== Tech Icons ===
+The [https://techicons.dev/ techicons.dev] and [https://devicon.dev/ devicon] projects ([https://github.com/devicons/devicon repo]) offer ~400+ tech logos. We imported them here into [[:Category:Tech Icons]]
+== Creating Favicons and Application Icons ==
+You can use [[Inkscape]] as a tool to create your web and application icons.
+Resources:
+* [[wp:Favicon]]
+* http://www.creativebloq.com/illustrator/create-perfect-favicon-12112760
+* http://androidcookbook.com/Recipe.seam?recipeId=2549
+== Emoji ==
+See the list of official emoji at the Unicode Consortium website https://www.unicode.org/emoji/charts/emoji-list.html
+[[Category:Images]]
+[[Category:Graphics]]
+[[Category:Logo]]