App Icons 2018-06-21T17:20:41+00:00

Anytune Icons

All icons are sourced in a single vector file anytune-icons.afdesign. Each icon is in a separate layer containing a path object. SVG, PNG, GIF, JPG, PDF files can be generated. icomoon is used to convert the SVG files into font files and create the supporting CSS. The resulting selection.json file saves the icon config and and allows the Unicode Point Hex to be maintained.

The mkfontpkg script modifies paths in the icomoon style.css, creates html code inserted into the table below on this page, and packages all the necessary files into a zip which is unzipped in the /wp-content/fonts folder The CSS (style.css) is added to “Custom CSS” section of the WordPress theme.

Individual icon image files are installed in:

  • /wp-content/fonts/anytune-icons-svg/
  • /wp-content/fonts/anytune-icons-png/
  • /wp-content/fonts/anytune-icons-pdf/

and the Zip files are in /wp-content/fonts/

You can download the individual files directly from the Icon Table. The PNG images can be cut and paste into Emails. The SVG images CANNOT be pasted into Emails. You cannot copy the icon font images.

Use: <i class="fa-lg at-icon-name"></i> for using an iconfont in a web page. See Fontawesome Examples for more info. Change the style including color of the icon: style=”color:#1F56CC;”, #FF7E00, or #808080.

Cerulean Blue – #1F56CC Flush Orange – #FF7E00 Tin – #808080

Use: <img class="icon" src="https://anytune.us/wp-content/fonts/anytune-icons-svg/add-loop.svg"></td> for using a svg image.

Apple System Icons:

Apple Help Icons

Apple System Icons: https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/system-icons/

Icon Table

See Demo.html for the ASCI Codes. (This is created by Icomoon and used to generate the table below.)

Name IconFont .svg (class) fonts/anytune-icons-png/
icon lrgicon .png @2x.png @3x.png
add-loop
add-mark
add-settings
add
adjust-a
adjust-b
adjust-loop
apple-logo
arrow-left
arrow-right
autoloop
autoplay
availablefordownload <!––> <!––>
category-albums
category-artists
category-playlists
category-songs
category-tunes
cloud
del-loop
del-mark
delayed-play
delete
down
downloads
dropbox
eq-bandwidth
eq-bypass
eq-filter
eq-freq
eq-gain
eq-resonance
fade-in
fade-out
fading-out
filter
flat
fwd
gain
help
imported
ipod
itunes
left
lessons
letter-a
letter-b
list
loop-once
loop
mark-audio
mark-loop
mark-retune
mark-skip
mark-start
mark-stop
mark
marks
menu-arrow
microphone
minus
mode-eq
mode-livemix
mode-loop
mode-lyrics
mode-marks
mode-play
mode-waveform
next-mark
pan
pause
play
playnext
playposition-replay
playpositon-reset
playpostion-play
plus
prev-mark
recordings
replay
reset-loop
restore
retune-fat
retune
rew
right
search
settings-displaymarks
settings-export
settings-global-gain
settings-global-pitch
settings-global-sound
settings-global
settings-imatch
settings-lyrics
settings-marks
settings-midi
settings-pitch
settings-playback
settings-register <!––> <!––>
settings-remote
settings-repeat
settings-save
settings-sleep
settings-stop
settings-tempo
settings-timers
settings-waveform
settings
share
sharp
shop
shuffle
skip
sort
ss_solo
sort
status-eq
status-hq-es
status-hq
status-livemix
status-play
status-pro-jp
status-pro
status-remote
status-repeat
status-retune
status-shuffle
stereo-separation
timed-loop
timer
trainer
tunes
unused
up
wifi