Leaflet を利用した地図用アイコン
= シャドウ(影) なし icon sample =
- 無料で使えていた Google Maps JavaScript API が2018年7月16日から実質有料化となり、当サイトでも、距離計測など様々な地図ページから Google マップを外さざるを得なくなった。さらに、Yahoo! JavaScriptマップAPI も2020年10月31日で廃止となった。
- このことから、当サイト内の地図ページでは、Leaflet という地図表示のためのオープンソースライブラリを利用し、国土地理院地図 や Open Street Map(オープンストリートマップ)などを読み込み地図ページを構築している。
- ここでは、Leaflet で使うことを主な目的としたアイコン(icon)をサンプルとして掲出する。
- 掲載したアイコンのご利用はフリーです。商用サイトでも使えます。地図以外でのご利用も可能です。ただし、アイコンを再配布したり販売したりすることはご遠慮ください。
- ウェブページでご利用の際は、必ずダウンロードしてご自身のサーバーに置いてお使いください。
- ファイル名はカラーネームとしていますが、ダウンロードした後、自由に変えてくださって結構です。
- 色合いは「Dreamweaver CC で表示されるカラーネーム 」から抽出していますが、カラーネームと色調が若干違うものや、カラーネームが違っても似通ったものもあります。カラーネームにとらわれずにイメージでお使いください。
- 薄い色は地図に重ねるにはあまり適さないかも知れません。
- 先頭の「Default」は、Leaflet を標準で利用した場合に表示されるアイコンです。
- 配列は「Default」を除いてカラーネームのアルファベット順です。
![](icon/Default.png)
Default
![](icon/AliceBlue.png)
AliceBlue
![](icon/AntiqueWhite.png)
AntiqueWhite
![](icon/Aqua.png)
Aqua
![](icon/Aquamarine.png)
Aquamarine
![](icon/Azure.png)
Azure
![](icon/Beige.png)
Beige
![](icon/Bisque.png)
Bisque
![](icon/Black.png)
Black
![](icon/BlanchedAlmond.png)
BlanchedAlmond
![](icon/Blue.png)
Blue
![](icon/BlueViolet.png)
BlueViolet
![](icon/Brown.png)
Brown
![](icon/BurlyWood.png)
BurlyWood
![](icon/CadetBlue.png)
CadetBlue
![](icon/Chartreuse.png)
Chartreuse
![](icon/Chocolate.png)
Chocolate
![](icon/Coral.png)
Coral
![](icon/CornflowerBlue.png)
CornflowerBlue
![](icon/Cornsilk.png)
Cornsilk
![](icon/Crimson.png)
Crimson
![](icon/Cyan.png)
Cyan
![](icon/DarkBlue.png)
DarkBlue
![](icon/DarkCyan.png)
DarkCyan
![](icon/DarkGoldenrod.png)
DarkGoldenrod
![](icon/DarkGray.png)
DarkGray
![](icon/DarkGreen.png)
DarkGreen
![](icon/DarkKhaki.png)
DarkKhaki
![](icon/DarkMagenta.png)
DarkMagenta
![](icon/DarkOliveGreen.png)
DarkOliveGreen
![](icon/DarkOrange.png)
DarkOrange
![](icon/DarkOrchid.png)
DarkOrchid
![](icon/DarkRed.png)
DarkRed
![](icon/DarkSalmon.png)
DarkSalmon
![](icon/DarkSeaGreen.png)
DarkSeaGreen
![](icon/DarkSlateBlue.png)
DarkSlateBlue
![](icon/DarkSlateGray.png)
DarkSlateGray
![](icon/DarkTurquoise.png)
DarkTurquoise
![](icon/DarkViolet.png)
DarkViolet
![](icon/DeepPink.png)
DeepPink
![](icon/DeepSkyBlue.png)
DeepSkyBlue
![](icon/DimGray.png)
DimGray
![](icon/DodgerBlue.png)
DodgerBlue
![](icon/FireBrick.png)
FireBrick
![](icon/FloralWhite.png)
FloralWhite
![](icon/ForestGreen.png)
ForestGreen
![](icon/Fuchsia.png)
Fuchsia
![](icon/Gainsboro.png)
Gainsboro
![](icon/GhostWhite.png)
GhostWhite
![](icon/Gold.png)
Gold
![](icon/Goldenrod.png)
Goldenrod
![](icon/Gray.png)
Gray
![](icon/Green.png)
Green
![](icon/GreenYellow.png)
GreenYellow
![](icon/Honeydew.png)
Honeydew
![](icon/HotPink.png)
HotPink
![](icon/IndianRed.png)
IndianRed
![](icon/Indigo.png)
Indigo
![](icon/Ivory.png)
Ivory
![](icon/Khaki.png)
Khaki
![](icon/Lavender.png)
Lavender
![](icon/LavenderBlush.png)
LavenderBlush
![](icon/LawnGreen.png)
LawnGreen
![](icon/LemonChiffon.png)
LemonChiffon
![](icon/LightBlue.png)
LightBlue
![](icon/LightCoral.png)
LightCoral
![](icon/LightCyan.png)
LightCyan
![](icon/LightGoldenrodYellow.png)
LightGoldenrodYellow
![](icon/LightGray.png)
LightGray
![](icon/LightGreen.png)
LightGreen
![](icon/LightPink.png)
LightPink
![](icon/LightSalmon.png)
LightSalmon
![](icon/LightSeaGreen.png)
LightSeaGreen
![](icon/LightSkyBlue.png)
LightSkyBlue
![](icon/LightSlateGray.png)
LightSlateGray
![](icon/LightSteelBlue.png)
LightSteelBlue
![](icon/LightYellow.png)
LightYellow
![](icon/Lime.png)
Lime
![](icon/LimeGreen.png)
LimeGreen
![](icon/Linen.png)
Linen
![](icon/Magenta.png)
Magenta
![](icon/Maroon.png)
Maroon
![](icon/MediumAquamarine.png)
MediumAquamarine
![](icon/MediumBlue.png)
MediumBlue
![](icon/MediumOrchid.png)
MediumOrchid
![](icon/MediumPurple.png)
MediumPurple
![](icon/MediumSeaGreen.png)
MediumSeaGreen
![](icon/MediumSlateBlue.png)
MediumSlateBlue
![](icon/MediumSpringGreen.png)
MediumSpringGreen
![](icon/MediumTurquoise.png)
MediumTurquoise
![](icon/MediumVioletRed.png)
MediumVioletRed
![](icon/MidnightBlue.png)
MidnightBlue
![](icon/MintCream.png)
MintCream
![](icon/MistyRose.png)
MistyRose
![](icon/Moccasin.png)
Moccasin
![](icon/NavajoWhite.png)
NavajoWhite
![](icon/Navy.png)
Navy
![](icon/OldLace.png)
OldLace
![](icon/Olive.png)
Olive
![](icon/OliveDrab.png)
OliveDrab
![](icon/Orange.png)
Orange
![](icon/OrangeRed.png)
OrangeRed
![](icon/Orchid.png)
Orchid
![](icon/PaleGoldenrod.png)
PaleGoldenrod
![](icon/PaleGreen.png)
PaleGreen
![](icon/PaleTurquoise.png)
PaleTurquoise
![](icon/PaleVioletRed.png)
PaleVioletRed
![](icon/PapayaWhip.png)
PapayaWhip
![](icon/PeachPuff.png)
PeachPuff
![](icon/Peru.png)
Peru
![](icon/Pink.png)
Pink
![](icon/Plum.png)
Plum
![](icon/PowderBlue.png)
PowderBlue
![](icon/Purple.png)
Purple
![](icon/RebeccaPurple.png)
RebeccaPurple
![](icon/Red.png)
Red
![](icon/RosyBrown.png)
RosyBrown
![](icon/RoyalBlue.png)
RoyalBlue
![](icon/SaddleBrown.png)
SaddleBrown
![](icon/Salmon.png)
Salmon
![](icon/SandyBrown.png)
SandyBrown
![](icon/SeaGreen.png)
SeaGreen
![](icon/Seashell.png)
Seashell
![](icon/Sienna.png)
Sienna
![](icon/Silver.png)
Silver
![](icon/SkyBlue.png)
SkyBlue
![](icon/SlateBlue.png)
SlateBlue
![](icon/SlateGray.png)
SlateGray
![](icon/Snow.png)
Snow
![](icon/SpringGreen.png)
SpringGreen
![](icon/SteelBlue.png)
SteelBlue
![](icon/Tan.png)
Tan
![](icon/Teal.png)
Teal
![](icon/Thistle.png)
Thistle
![](icon/Tomato.png)
Tomato
![](icon/Turquoise.png)
Turquoise
![](icon/Violet.png)
Violet
![](icon/Wheat.png)
Wheat
![](icon/WhiteSmoke.png)
WhiteSmoke
![](icon/Yellow.png)
Yellow
![](icon/YellowGreen.png)
YellowGreen
![](icon/Shadow.png)
Shadow