Icons4Menu

This repository is a SVG images resource based on SVG icons JQuery Mobile 1.4.5 and extended with SVG icons from Wiki Commons. The icons are primary collected for application in menus with e.g. Hamburger Menus like hamburger_menu_app as an AppLSAC.

Download of Icons with a Script

The icons can be downloaded with a script: * wget_icons.sh * The download of icons for your WebApp (resp. AppLSAC) can be started from the shell command line with

   sh ./wget_icons.sh

JSON File Icons4Menu

The repository contains also a JSON file with all icons of the repository. The JSON file json4icons.json can be used to identify the used icons with NodeJS and delete the unused icons from your img/ folder of your WebApp to save disk space and reduce the size of your WebApp.

Even if you remove icons from your WebApp in the folder img/ you should keep the license file LICENSE_Jquery_Mobile.txt, README.md and README_Icons4Menu.html in that repository for licensing information about the icons.

Preview All Icons4Menu

The listed icons below do not contain the JQuery Mobile 1.4.5 Icons. To preview all icons for navigation menus see

Added Icons from WikiCommons

The following icons are selected from the following SVG-Icons in Wiki Commons. For FontAwesome Icon survey see FontAwesome 4.7.0 for finding the appropriate icon file name.

Load, Save, Print, Trash, Settings

Icon File Folder Source File Licence Add Date
fa-folder-open.svg img/icons-svg Folder_open_alt_font_awesome.svg CC BY-SA 3.0 2019/09/12
fa-save-file.svg img/icons-svg Folder_open_alt_font_awesome.svg CC BY-SA 3.0 2019/09/12
fa-trash.svg img/icons-svg Trash_font_awesome.svg CC BY-SA 3.0 2019/09/12
fa-print.svg img/icons-svg Print_font_awesome.svg CC BY-SA 3.0 2019/09/12
gear-black.svg img/icons-svg gear-black.svg CC0 - JQuery 2019/09/12
Icon File Folder Source File Licence Add Date
fa-hamburger-icon.svg img/icons-svg Folder_open_alt_font_awesome.svg CC BY-SA 3.0 2019/09/12

Editor

Icon File Folder Source File Licence Add Date
fa-edit.svg img/icons-svg Edit_font_awesome.svg CC BY-SA 3.0 2019/09/12
fa-font.svg img/icons-svg Font_font_awesome.svg CC BY-SA 3.0 2019/09/12
fa-list.svg img/icons-svg List_font_awesome.svg CC BY-SA 3.0 2019/09/12
fa-enumeration.svg img/icons-svg Ol_font_awesome.svg CC BY-SA 3.0 2019/09/12
fa-copy.svg img/icons-svg Copy_font_awesome.svg CC BY-SA 3.0 2019/09/12
fa-paste.svg img/icons-svg Paste_font_awesome.svg CC BY-SA 3.0 2019/09/12

Action and Processes

Icon File Folder Source File Licence Add Date
fa-envelope.svg img/icons-svg Envelope_font_awesome.svg CC BY-SA 3.0 2019/10/01
fa-spinner.svg img/icons-svg Spinner_font_awesome.svg CC BY-SA 3.0 2019/09/12
fa-barcode.svg img/icons-svg Barcode_font_awesome.svg CC BY-SA 3.0 2019/09/12
fa-undo.svg img/icons-svg Undo_font_awesome.svg CC BY-SA 3.0 2019/10/01

Products and Objects

Icon File Folder Source File Licence Add Date
fa-book.svg img/icons-svg Book_font_awesome.svg CC BY-SA 3.0 2019/10/01
fa-picture.svg img/icons-svg Picture_font_awesome.svg CC BY-SA 3.0 2019/10/01

File Types

Icon File Folder Source File Licence Add Date
ZIP fa-file-archive.svg img/icons-svg Font_Awesome_5_regular_file-archive.svg CC BY-SA 3.0 2019/10/01

Vehicle

Icon File Folder Source File Licence Add Date
fa-truck.svg img/icons-svg Truck_font_awesome.svg CC BY-SA 3.0 2019/10/01
fa-truck.svg img/icons-svg Plane_font_awesome.svg CC BY-SA 3.0 2019/10/01

Audio Player

Icon File Folder Source File Licence Add Date
fa-audio-play.svg img/icons-svg Play_font_awesome.svg CC BY-SA 3.0 2019/09/12
fa-audio-stop.svg img/icons-svg Font_Awesome_5_solid_square.svg CC BY-SA 3.0 2019/09/12
fa-audio-pause.svg img/icons-svg Pause_font_awesome.svg CC BY-SA 3.0 2019/09/12
fa-audio-eject.svg img/icons-svg Font_Awesome_5_solid_eject.svg CC BY-SA 3.0 2019/09/12
fa-audio-record.svg img/icons-svg Circle_font_awesome.svg CC BY-SA 3.0 2019/09/12
fa-audio-backward.svg img/icons-svg Backward_font_awesome.svg CC BY-SA 3.0 2019/09/12
fa-audio-forward.svg img/icons-svg Forward_font_awesome.svg CC BY-SA 3.0 2019/09/12

Devices

Icon File Folder Source File Licence Add Date
fa-camera.svg img/icons-svg Play_font_awesome.svg CC BY-SA 3.0 2019/10/01
fa-tablet.svg img/icons-svg Play_font_awesome.svg CC BY-SA 3.0 2019/09/12

Style Sheets CSS for Icons

The spinner icon is static. You might expect the spinner icon fa-spinner.svg to rotate. This can be accomplish with CSS class definition for a class icon-spin: * Add in your CSS file the following styles for the class icon-spin:

.icon-spin {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    margin:-60px 0 0 -60px;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }

Scan Icons

Scan Shell Script for images

The shell script scan_icons.sh scans all icons in the subdirectory img/ and creates and HTML file img/index.html and a wget download script, that can be modified for downloading a subset of the images.

Shell Script wget_icons.sh

The shell script wget_icons.sh can be used to download a subset of images. In the provided default version it downloads all icons in this repository.

Use in other SVG Images in other repositories

The script update_wget_icons.sh updates the script wget_icons.sh from the repository icons4menu and replaces the script wget_icons.sh. The script wget_icons.sh can be used to download an updated version of the icons. Please modify the script according to your needs, to download just a subset for your AppLSAC.

If the repository icons4menu is expanded with more icons with a Creative Commons license, that it is recommended to update the download script wget_icons.sh with the following commands:

sh ./update_wget_icons.sh
sh ./wget_icons.sh

The second command downloads the icons. You can help to minimize the GitHub server load by tailoring the script according to your needs.

If you want to check out an example repository on GitHub, that uses the Icons4Menu icons in an AppLSAC analyze the subdirectory img/ in hamburger_menu_app.

Add License Info File

If you use the repository add this README.md file to the WebApp, so that users of web-based applications can identify the origin of the SVG and PNG icons. The repository incorporated SVG and PNG icons with two licenses: * Creative Commons CC Zero - https://creativecommons.org/publicdomain/zero/1.0/deed.en * Creative Commons CC BY-SA 3.0 - see https://creativecommons.org/licenses/by-sa/3.0/ with the fa- as file attribution prefix.

Attribution for Files - File Prefix

If we consider the CC BY-SA 3.0 license provides the freedom to: * Share — copy and redistribute the material in any medium or format * Adapt — remix, transform, and build upon the material for any purpose, even commercially. These two freedoms are also provided for the license CC Zero. Furthermore for all CC BY-SA 3.0 licensed icons an attribution and a share alike requirement is defined (see https://creativecommons.org/licenses/by-sa/3.0/):

The JQuery Mobile 1.4.5 PNG and SVG icons in this repository (i.e. icons without fa- prefix) do not require the "attribution", but it is recommended to provide attribution also to JQuery Mobile 1.4.5 with the CC Zero license for icons without the fa- prefix. Especially for adding more icons in forks of the repository icons4menu the prefix fa- should also be used to distinguish CC Zero licensed icons without fa- prefix from CC BY-SA 3.0 licensed icon that need a file attribution by adding the prefix fa- in the filename.

More than 2 Licenses in Forks of icons4menu with license prefix

If you have more than 2 licenses in your fork of icons4menu you could add a license prefix for all icons, e.g.:

This allows users to identify the license of the file directly from the filename.