devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Kostenlose Standort-Icons (SVG)

48 kostenlose Standort-Icons aus Open-Source-Sets – klicke auf eines, um Größe, Farbe und Strichstärke anzupassen, und kopiere es als SVG, JSX, Data-URI oder CSS.

Aktualisiert am

map-pin
Lucidemap-pin
Tablermap-pin
Heroiconsmap-pin
Phosphorpin-map
Bootstrap Iconsmap-pin
Iconoirmap-pin-20-filled
Fluent UIbus-map-pin
Material Symbolsmap-pin-x
Lucidemap-pin-filled
Tablermap-pin-16-solid
Heroiconsmap-pin-bold
Phosphorpin-map-fill
Bootstrap Iconsmap-pin-plus
Iconoirmap-pin-20-regular
Fluent UIbus-map-pin-outline
Material Symbolsmap-pin-off
Lucidemap-pin-2
Tablermap-pin-20-solid
Heroiconsmap-pin-duotone
Phosphormap-pin-minus
Iconoirbus-map-pin-outline-rounded
Material Symbolsmap-pin-pen
Lucidemap-pin-x
Tablermap-pin-solid
Heroiconsmap-pin-fill
Phosphormap-pin-xmark
Iconoirbus-map-pin-outline-sharp
Material Symbolsmap-pin-plus
Lucidemap-pin-up
Tablermap-pin-light
Phosphorbus-map-pin-rounded
Material Symbolsmap-pin-check
Lucidemap-pin-cog
Tablermap-pin-line
Phosphorbus-map-pin-sharp
Material Symbolsmap-pin-house
Lucidemap-pin-off
Tablermap-pin-thin
Phosphormap-pin-heart
Material Symbolsmap-pin-minus
Lucidemap-pin-pin
Tablermap-pin-area
Phosphormap-pin-heart-outline
Material Symbolsmap-pin-search
Lucidemap-pin-bolt
Tablermap-pin-area-bold
Phosphormap-pin-heart-outline-rounded
Material Symbols

Standort-Icons verwenden

Kartenpins markieren Adressen, Filialfinder und „In meiner Nähe“-Funktionen.

Alle Icons hier folgen currentColor und übernehmen daher die Textfarbe des Elements, in dem sie stehen. So funktioniert ein SVG auf hellen und dunklen Hintergründen, in Links und in Buttons gleichermaßen. Lege explizit width und height fest (oder definiere sie per CSS mit 1em), damit sich das Layout beim Laden der Seite nicht verschiebt.

Barrierefreie Icons

Wenn das Icon dekorativ ist oder neben sichtbarem Text steht, ergänze aria-hidden="true". Ist es der einzige Inhalt eines Buttons oder Links, gib diesem Element ein aria-label wie „Standort“.

Lizenzen

Diese Standort-Icons stammen aus Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI und Material Symbols. Es handelt sich um Open-Source-Sets unter MIT-, ISC- oder Apache-2.0-Lizenz, die persönliche und kommerzielle Nutzung erlauben. Brauchst du etwas anderes? Durchsuche über 70.000 Icons im SVG Icon Finder.

Häufige Fragen

Sind diese Standort-Icons für die kommerzielle Nutzung kostenlos?
Ja. Sie stammen aus Open-Source-Icon-Sets unter MIT-, ISC- oder Apache-2.0-Lizenz, die kommerzielle Nutzung erlauben. Behalte den Lizenzhinweis bei, wenn du die Icon-Dateien selbst weitergibst.
Wie ändere ich die Farbe eines Standort-Icons?
Die SVGs verwenden currentColor. Setze daher die CSS-Farbe des übergeordneten Elements. Alternativ öffnest du das Icon im Finder und wählst vor dem Kopieren eine feste Farbe.
Kann ich diese Icons in Webflow oder React verwenden?
Ja. Öffne ein Icon und nutze „In Webflow kopieren“ (fügt ein Code Embed ein) oder „JSX kopieren“ für eine React-Komponente.