Japan Pictograms on your Website

The pictograms of Experience Japan Pictograms, made easy to use for your website.
Provided by Yann Klein.

Summary

Setup

Add this link to your HTML file <head>:

<link rel="stylesheet" href="https://yannklein.github.io/japan-pictograms/japan-pictograms.css">

Usage

Add icons following this pattern, refer to the below table for the NAME:

<span class="jpic jpic-NAME"></span>

Size and color

Japan Pictograms is a font, use normal CSS font properties to change its size, color and other font characteristics.

Sample code Result
<span class="jpic jpic-ise-jingu" style="font-size: 64px; color: red"></span>

Pictograms

NAME Sample code Result
akihabara <span class="jpic jpic-akihabara"></span>
anpan <span class="jpic jpic-anpan"></span>
asakusa <span class="jpic jpic-asakusa"></span>
ashi-yu <span class="jpic jpic-ashi-yu"></span>
ba <span class="jpic jpic-ba"></span>
baiten <span class="jpic jpic-baiten"></span>
basu <span class="jpic jpic-basu"></span>
bebika <span class="jpic jpic-bebika"></span>
bebikea-rumu <span class="jpic jpic-bebikea-rumu"></span>
bichi <span class="jpic jpic-bichi"></span>
bin <span class="jpic jpic-bin"></span>
biru <span class="jpic jpic-biru"></span>
biyoshitsu <span class="jpic jpic-biyoshitsu"></span>
bokujo <span class="jpic jpic-bokujo"></span>
bonsai <span class="jpic jpic-bonsai"></span>
budokan <span class="jpic jpic-budokan"></span>
byoin <span class="jpic jpic-byoin"></span>
chikatetsu <span class="jpic jpic-chikatetsu"></span>
chuson-ji <span class="jpic jpic-chuson-ji"></span>
daisen-kofun <span class="jpic jpic-daisen-kofun"></span>
danshi-toire <span class="jpic jpic-danshi-toire"></span>
densha <span class="jpic jpic-densha"></span>
denwa <span class="jpic jpic-denwa"></span>
dobutsuen <span class="jpic jpic-dobutsuen"></span>
domu <span class="jpic jpic-domu"></span>
dosoku <span class="jpic jpic-dosoku"></span>
ebi <span class="jpic jpic-ebi"></span>
erebeta <span class="jpic jpic-erebeta"></span>
esukareta01 <span class="jpic jpic-esukareta01"></span>
esukareta02 <span class="jpic jpic-esukareta02"></span>
esukareta03 <span class="jpic jpic-esukareta03"></span>
fuasuto-fudo <span class="jpic jpic-fuasuto-fudo"></span>
fueri <span class="jpic jpic-fueri"></span>
fugu <span class="jpic jpic-fugu"></span>
fuji-san <span class="jpic jpic-fuji-san"></span>
funen <span class="jpic jpic-funen"></span>
fuoto-supotto <span class="jpic jpic-fuoto-supotto"></span>
furasshu-kinshi <span class="jpic jpic-furasshu-kinshi"></span>
fushimi-inari <span class="jpic jpic-fushimi-inari"></span>
gasorin <span class="jpic jpic-gasorin"></span>
genbaku-domu <span class="jpic jpic-genbaku-domu"></span>
genseirin <span class="jpic jpic-genseirin"></span>
ginko <span class="jpic jpic-ginko"></span>
ginza <span class="jpic jpic-ginza"></span>
haiboru <span class="jpic jpic-haiboru"></span>
hambaga <span class="jpic jpic-hambaga"></span>
hanabi <span class="jpic jpic-hanabi"></span>
hanami <span class="jpic jpic-hanami"></span>
harajuku <span class="jpic jpic-harajuku"></span>
hashiruna <span class="jpic jpic-hashiruna"></span>
heiwa-kinen <span class="jpic jpic-heiwa-kinen"></span>
herikoputa <span class="jpic jpic-herikoputa"></span>
hidarigawa <span class="jpic jpic-hidarigawa"></span>
hijoguchi <span class="jpic jpic-hijoguchi"></span>
hikoki <span class="jpic jpic-hikoki"></span>
himeji-jo <span class="jpic jpic-himeji-jo"></span>
hinode <span class="jpic jpic-hinode"></span>
hinoiri <span class="jpic jpic-hinoiri"></span>
horyu-ji <span class="jpic jpic-horyu-ji"></span>
hoteru <span class="jpic jpic-hoteru"></span>
hyakkaten <span class="jpic jpic-hyakkaten"></span>
ikebana <span class="jpic jpic-ikebana"></span>
infuomeshon <span class="jpic jpic-infuomeshon"></span>
inryosui <span class="jpic jpic-inryosui"></span>
inshoku-kinshi <span class="jpic jpic-inshoku-kinshi"></span>
ise-ebi <span class="jpic jpic-ise-ebi"></span>
ise-jingu <span class="jpic jpic-ise-jingu"></span>
itsukushima <span class="jpic jpic-itsukushima"></span>
iyahon-gaido <span class="jpic jpic-iyahon-gaido"></span>
izakaya <span class="jpic jpic-izakaya"></span>
izumo-taisha <span class="jpic jpic-izumo-taisha"></span>
ji-in <span class="jpic jpic-ji-in"></span>
jidohambaiki <span class="jpic jpic-jidohambaiki"></span>
jimu <span class="jpic jpic-jimu"></span>
jinja <span class="jpic jpic-jinja"></span>
jinrikisha <span class="jpic jpic-jinrikisha"></span>
jitensha-kinshi <span class="jpic jpic-jitensha-kinshi"></span>
joba <span class="jpic jpic-joba"></span>
joshi-toire <span class="jpic jpic-joshi-toire"></span>
juden-kona <span class="jpic jpic-juden-kona"></span>
kabuki <span class="jpic jpic-kabuki"></span>
kaidan <span class="jpic jpic-kaidan"></span>
kaikei <span class="jpic jpic-kaikei"></span>
kaiseki-ryori <span class="jpic jpic-kaiseki-ryori"></span>
kaiten-zushi <span class="jpic jpic-kaiten-zushi"></span>
kaki-genkin <span class="jpic jpic-kaki-genkin"></span>
kakigori <span class="jpic jpic-kakigori"></span>
kamakura <span class="jpic jpic-kamakura"></span>
kan <span class="jpic jpic-kan"></span>
kanen <span class="jpic jpic-kanen"></span>
kani <span class="jpic jpic-kani"></span>
kanko-ressha <span class="jpic jpic-kanko-ressha"></span>
kapuseru <span class="jpic jpic-kapuseru"></span>
karaoke <span class="jpic jpic-karaoke"></span>
kare-raisu <span class="jpic jpic-kare-raisu"></span>
keiburuka <span class="jpic jpic-keiburuka"></span>
keisatsu <span class="jpic jpic-keisatsu"></span>
kikyu <span class="jpic jpic-kikyu"></span>
kimono <span class="jpic jpic-kimono"></span>
kin-en <span class="jpic jpic-kin-en"></span>
kippu-uriba <span class="jpic jpic-kippu-uriba"></span>
kissaten <span class="jpic jpic-kissaten"></span>
kiyomizu <span class="jpic jpic-kiyomizu"></span>
koban <span class="jpic jpic-koban"></span>
kodo <span class="jpic jpic-kodo"></span>
kofun <span class="jpic jpic-kofun"></span>
kogen <span class="jpic jpic-kogen"></span>
koin-rokka <span class="jpic jpic-koin-rokka"></span>
kokugikan <span class="jpic jpic-kokugikan"></span>
kokuritsu-koen <span class="jpic jpic-kokuritsu-koen"></span>
kokuritsu-kyogijo <span class="jpic jpic-kokuritsu-kyogijo"></span>
kokyo <span class="jpic jpic-kokyo"></span>
kombu <span class="jpic jpic-kombu"></span>
konbini <span class="jpic jpic-konbini"></span>
koshien <span class="jpic jpic-koshien"></span>
kosho <span class="jpic jpic-kosho"></span>
kosokudoro <span class="jpic jpic-kosokudoro"></span>
koyo <span class="jpic jpic-koyo"></span>
kuraimingu <span class="jpic jpic-kuraimingu"></span>
kuroku <span class="jpic jpic-kuroku"></span>
kuzu <span class="jpic jpic-kuzu"></span>
kyampu <span class="jpic jpic-kyampu"></span>
kyasshu <span class="jpic jpic-kyasshu"></span>
kyusokujo <span class="jpic jpic-kyusokujo"></span>
machiawase-sitsu <span class="jpic jpic-machiawase-sitsu"></span>
machiawase <span class="jpic jpic-machiawase"></span>
maguro <span class="jpic jpic-maguro"></span>
maiko <span class="jpic jpic-maiko"></span>
mashu-ko <span class="jpic jpic-mashu-ko"></span>
matcha <span class="jpic jpic-matcha"></span>
matsuri <span class="jpic jpic-matsuri"></span>
matsushima <span class="jpic jpic-matsushima"></span>
meiji-jingu <span class="jpic jpic-meiji-jingu"></span>
melon-pan <span class="jpic jpic-melon-pan"></span>
migigawa <span class="jpic jpic-migigawa"></span>
minato <span class="jpic jpic-minato"></span>
minshuku <span class="jpic jpic-minshuku"></span>
misoshiru <span class="jpic jpic-misoshiru"></span>
mokko <span class="jpic jpic-mokko"></span>
monoreru <span class="jpic jpic-monoreru"></span>
musen-ran <span class="jpic jpic-musen-ran"></span>
myujiamu <span class="jpic jpic-myujiamu"></span>
nabe <span class="jpic jpic-nabe"></span>
nara-koen <span class="jpic jpic-nara-koen"></span>
natto <span class="jpic jpic-natto"></span>
nihon-teien <span class="jpic jpic-nihon-teien"></span>
nihonshu <span class="jpic jpic-nihonshu"></span>
ninja <span class="jpic jpic-ninja"></span>
ninsanpu <span class="jpic jpic-ninsanpu"></span>
noh <span class="jpic jpic-noh"></span>
nyuyoji <span class="jpic jpic-nyuyoji"></span>
oden <span class="jpic jpic-oden"></span>
okonomiyaki <span class="jpic jpic-okonomiyaki"></span>
onigiri <span class="jpic jpic-onigiri"></span>
onsen <span class="jpic jpic-onsen"></span>
orimono <span class="jpic jpic-orimono"></span>
oshizukani <span class="jpic jpic-oshizukani"></span>
oura-tenshudo <span class="jpic jpic-oura-tenshudo"></span>
pakingu <span class="jpic jpic-pakingu"></span>
pasuta <span class="jpic jpic-pasuta"></span>
petto-kinshi <span class="jpic jpic-petto-kinshi"></span>
pettobotoru <span class="jpic jpic-pettobotoru"></span>
rafuteingu <span class="jpic jpic-rafuteingu"></span>
ramen <span class="jpic jpic-ramen"></span>
rentaka <span class="jpic jpic-rentaka"></span>
rentasaikuru <span class="jpic jpic-rentasaikuru"></span>
resutoran <span class="jpic jpic-resutoran"></span>
rirakuzeshon <span class="jpic jpic-rirakuzeshon"></span>
risaikuru <span class="jpic jpic-risaikuru"></span>
rokuon-ji <span class="jpic jpic-rokuon-ji"></span>
romen-densha <span class="jpic jpic-romen-densha"></span>
ropuei <span class="jpic jpic-ropuei"></span>
roten <span class="jpic jpic-roten"></span>
ryokan <span class="jpic jpic-ryokan"></span>
ryokinjo <span class="jpic jpic-ryokinjo"></span>
ryuhyo <span class="jpic jpic-ryuhyo"></span>
sabisueria <span class="jpic jpic-sabisueria"></span>
sado <span class="jpic jpic-sado"></span>
safuin <span class="jpic jpic-safuin"></span>
saikuringu <span class="jpic jpic-saikuringu"></span>
sakyu <span class="jpic jpic-sakyu"></span>
samurai <span class="jpic jpic-samurai"></span>
sashimi <span class="jpic jpic-sashimi"></span>
satsuei-kinshi <span class="jpic jpic-satsuei-kinshi"></span>

Find more about me on my portfolio website.