openstreetmap logo
openstreetmap from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- openstreetmap
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the openstreetmap logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M3.563 31.959c-.469-.12-.713-.313-1.964-1.557C.115 28.918.022 28.771.027 28.001c0-.86-.267-.552 4.489-5.317c4.796-4.808 4.552-4.6 5.416-4.6c.407 0 .505.021.828.188l.371.188l2.323-2.323l-.292-.459c-.563-.885-1.099-2.172-1.339-3.24a10.2 10.2 0 0 1 1.975-8.588c3.317-4.156 9.276-5.084 13.676-2.115c2.417 1.625 3.991 4.129 4.439 7.083c.093.625.093 2.104 0 2.767a10.1 10.1 0 0 1-2.939 5.869a9 9 0 0 1-2.593 1.869c-1.276.641-2.364.943-3.839 1.068c-2.099.177-4.427-.407-6.208-1.547l-.459-.292l-2.328 2.323l.188.376c.167.323.187.421.187.823c.005.864.209.62-4.567 5.396c-3.683 3.676-4.251 4.219-4.532 4.348c-.359.167-.916.229-1.26.141m19.749-13.36a8.57 8.57 0 0 0 6.141-4.677c1.853-3.869.604-8.411-2.975-10.812c-.848-.573-2.036-1.057-3.156-1.281c-.771-.156-2.411-.14-3.219.032a8.7 8.7 0 0 0-3.265 1.421c-.593.416-1.573 1.396-1.984 1.979a8.516 8.516 0 0 0 .505 10.543a8.54 8.54 0 0 0 5.203 2.848c.677.104 2.057.079 2.755-.047zm-4.984 9.833c-.979-.271-1.953-.563-2.927-.864c-.032-.037 1.609-5.865 1.677-5.932c.031-.037 5.656 1.536 5.885 1.645c.083.036-.005.385-.704 2.801l-.844 2.985c-.036.115-.093.208-.129.208a258 258 0 0 1-2.959-.844zm3.885.704c0-.073 1.636-5.781 1.661-5.797c.063-.047 5.765-1.641 5.787-1.615c.027.025-1.599 5.781-1.64 5.812c-.027.027-5.5 1.589-5.677 1.625c-.073.016-.131 0-.131-.025m-9.473-2.552c1.124-1.136 2.129-2.168 2.229-2.303c.228-.292.541-.975.629-1.355c.037-.156.073-.468.079-.692l.016-.412l.239-.068c.141-.036.261-.057.271-.047c.032.037-1.609 5.761-1.661 5.813c-.025.02-.901.285-1.953.583l-1.895.541l2.047-2.057zm11.052-4.079a2 2 0 0 1-.079-.251l-.063-.208l.209-.036c1.785-.303 3.703-1.141 5.213-2.281q.321-.251.353-.183c.068.219.36 1.265.355 1.281c-.047.041-5.975 1.708-5.989 1.683zM3.683 20.771c-.068-.052-1.573-5.151-1.688-5.719c-.021-.115.193-.057 2.901.713c2.823.808 2.921.839 2.959.989c.041.131.015.172-.167.297c-.109.079-1.027.964-2.032 1.969a78 78 0 0 1-1.849 1.823c-.02 0-.077-.032-.124-.073zm1.093-5.839a409 409 0 0 1-2.891-.833c-.021-.016 1.683-5.911 1.713-5.948c.032-.025 5.896 1.615 5.959 1.672c.011.011-.36 1.355-.823 2.984c-.771 2.693-.86 2.964-.964 2.959c-.068 0-1.411-.38-3-.833zm3.943.719c.016-.041.287-.963.593-2.047l.557-1.964l.079.428c.125.739.355 1.583.62 2.317c.14.396.244.719.239.729a21 21 0 0 1-.957.281c-.521.145-.989.281-1.047.301q-.117.031-.084-.047zm-2.178-7.5c-1.583-.453-2.891-.848-2.905-.875c-.057-.083-1.663-5.76-1.641-5.781c.032-.036 5.745 1.604 5.803 1.661c.063.068 1.703 5.839 1.661 5.833L6.547 8.15zm2.866-2.287l-.693-2.405l-.104-.376l2.255-.645c1.245-.349 2.297-.656 2.349-.677c.041-.02-.115.188-.349.448a11.6 11.6 0 0 0-2.609 4.765a5.4 5.4 0 0 0-.176.745c0 .396-.157-.031-.672-1.849z"/></svg>
React
import type { SVGProps } from "react";
export function CibOpenstreetmap(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M3.563 31.959c-.469-.12-.713-.313-1.964-1.557C.115 28.918.022 28.771.027 28.001c0-.86-.267-.552 4.489-5.317c4.796-4.808 4.552-4.6 5.416-4.6c.407 0 .505.021.828.188l.371.188l2.323-2.323l-.292-.459c-.563-.885-1.099-2.172-1.339-3.24a10.2 10.2 0 0 1 1.975-8.588c3.317-4.156 9.276-5.084 13.676-2.115c2.417 1.625 3.991 4.129 4.439 7.083c.093.625.093 2.104 0 2.767a10.1 10.1 0 0 1-2.939 5.869a9 9 0 0 1-2.593 1.869c-1.276.641-2.364.943-3.839 1.068c-2.099.177-4.427-.407-6.208-1.547l-.459-.292l-2.328 2.323l.188.376c.167.323.187.421.187.823c.005.864.209.62-4.567 5.396c-3.683 3.676-4.251 4.219-4.532 4.348c-.359.167-.916.229-1.26.141m19.749-13.36a8.57 8.57 0 0 0 6.141-4.677c1.853-3.869.604-8.411-2.975-10.812c-.848-.573-2.036-1.057-3.156-1.281c-.771-.156-2.411-.14-3.219.032a8.7 8.7 0 0 0-3.265 1.421c-.593.416-1.573 1.396-1.984 1.979a8.516 8.516 0 0 0 .505 10.543a8.54 8.54 0 0 0 5.203 2.848c.677.104 2.057.079 2.755-.047zm-4.984 9.833c-.979-.271-1.953-.563-2.927-.864c-.032-.037 1.609-5.865 1.677-5.932c.031-.037 5.656 1.536 5.885 1.645c.083.036-.005.385-.704 2.801l-.844 2.985c-.036.115-.093.208-.129.208a258 258 0 0 1-2.959-.844zm3.885.704c0-.073 1.636-5.781 1.661-5.797c.063-.047 5.765-1.641 5.787-1.615c.027.025-1.599 5.781-1.64 5.812c-.027.027-5.5 1.589-5.677 1.625c-.073.016-.131 0-.131-.025m-9.473-2.552c1.124-1.136 2.129-2.168 2.229-2.303c.228-.292.541-.975.629-1.355c.037-.156.073-.468.079-.692l.016-.412l.239-.068c.141-.036.261-.057.271-.047c.032.037-1.609 5.761-1.661 5.813c-.025.02-.901.285-1.953.583l-1.895.541l2.047-2.057zm11.052-4.079a2 2 0 0 1-.079-.251l-.063-.208l.209-.036c1.785-.303 3.703-1.141 5.213-2.281q.321-.251.353-.183c.068.219.36 1.265.355 1.281c-.047.041-5.975 1.708-5.989 1.683zM3.683 20.771c-.068-.052-1.573-5.151-1.688-5.719c-.021-.115.193-.057 2.901.713c2.823.808 2.921.839 2.959.989c.041.131.015.172-.167.297c-.109.079-1.027.964-2.032 1.969a78 78 0 0 1-1.849 1.823c-.02 0-.077-.032-.124-.073zm1.093-5.839a409 409 0 0 1-2.891-.833c-.021-.016 1.683-5.911 1.713-5.948c.032-.025 5.896 1.615 5.959 1.672c.011.011-.36 1.355-.823 2.984c-.771 2.693-.86 2.964-.964 2.959c-.068 0-1.411-.38-3-.833zm3.943.719c.016-.041.287-.963.593-2.047l.557-1.964l.079.428c.125.739.355 1.583.62 2.317c.14.396.244.719.239.729a21 21 0 0 1-.957.281c-.521.145-.989.281-1.047.301q-.117.031-.084-.047zm-2.178-7.5c-1.583-.453-2.891-.848-2.905-.875c-.057-.083-1.663-5.76-1.641-5.781c.032-.036 5.745 1.604 5.803 1.661c.063.068 1.703 5.839 1.661 5.833L6.547 8.15zm2.866-2.287l-.693-2.405l-.104-.376l2.255-.645c1.245-.349 2.297-.656 2.349-.677c.041-.02-.115.188-.349.448a11.6 11.6 0 0 0-2.609 4.765a5.4 5.4 0 0 0-.176.745c0 .396-.157-.031-.672-1.849z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M3.563 31.959c-.469-.12-.713-.313-1.964-1.557C.115 28.918.022 28.771.027 28.001c0-.86-.267-.552 4.489-5.317c4.796-4.808 4.552-4.6 5.416-4.6c.407 0 .505.021.828.188l.371.188l2.323-2.323l-.292-.459c-.563-.885-1.099-2.172-1.339-3.24a10.2 10.2 0 0 1 1.975-8.588c3.317-4.156 9.276-5.084 13.676-2.115c2.417 1.625 3.991 4.129 4.439 7.083c.093.625.093 2.104 0 2.767a10.1 10.1 0 0 1-2.939 5.869a9 9 0 0 1-2.593 1.869c-1.276.641-2.364.943-3.839 1.068c-2.099.177-4.427-.407-6.208-1.547l-.459-.292l-2.328 2.323l.188.376c.167.323.187.421.187.823c.005.864.209.62-4.567 5.396c-3.683 3.676-4.251 4.219-4.532 4.348c-.359.167-.916.229-1.26.141m19.749-13.36a8.57 8.57 0 0 0 6.141-4.677c1.853-3.869.604-8.411-2.975-10.812c-.848-.573-2.036-1.057-3.156-1.281c-.771-.156-2.411-.14-3.219.032a8.7 8.7 0 0 0-3.265 1.421c-.593.416-1.573 1.396-1.984 1.979a8.516 8.516 0 0 0 .505 10.543a8.54 8.54 0 0 0 5.203 2.848c.677.104 2.057.079 2.755-.047zm-4.984 9.833c-.979-.271-1.953-.563-2.927-.864c-.032-.037 1.609-5.865 1.677-5.932c.031-.037 5.656 1.536 5.885 1.645c.083.036-.005.385-.704 2.801l-.844 2.985c-.036.115-.093.208-.129.208a258 258 0 0 1-2.959-.844zm3.885.704c0-.073 1.636-5.781 1.661-5.797c.063-.047 5.765-1.641 5.787-1.615c.027.025-1.599 5.781-1.64 5.812c-.027.027-5.5 1.589-5.677 1.625c-.073.016-.131 0-.131-.025m-9.473-2.552c1.124-1.136 2.129-2.168 2.229-2.303c.228-.292.541-.975.629-1.355c.037-.156.073-.468.079-.692l.016-.412l.239-.068c.141-.036.261-.057.271-.047c.032.037-1.609 5.761-1.661 5.813c-.025.02-.901.285-1.953.583l-1.895.541l2.047-2.057zm11.052-4.079a2 2 0 0 1-.079-.251l-.063-.208l.209-.036c1.785-.303 3.703-1.141 5.213-2.281q.321-.251.353-.183c.068.219.36 1.265.355 1.281c-.047.041-5.975 1.708-5.989 1.683zM3.683 20.771c-.068-.052-1.573-5.151-1.688-5.719c-.021-.115.193-.057 2.901.713c2.823.808 2.921.839 2.959.989c.041.131.015.172-.167.297c-.109.079-1.027.964-2.032 1.969a78 78 0 0 1-1.849 1.823c-.02 0-.077-.032-.124-.073zm1.093-5.839a409 409 0 0 1-2.891-.833c-.021-.016 1.683-5.911 1.713-5.948c.032-.025 5.896 1.615 5.959 1.672c.011.011-.36 1.355-.823 2.984c-.771 2.693-.86 2.964-.964 2.959c-.068 0-1.411-.38-3-.833zm3.943.719c.016-.041.287-.963.593-2.047l.557-1.964l.079.428c.125.739.355 1.583.62 2.317c.14.396.244.719.239.729a21 21 0 0 1-.957.281c-.521.145-.989.281-1.047.301q-.117.031-.084-.047zm-2.178-7.5c-1.583-.453-2.891-.848-2.905-.875c-.057-.083-1.663-5.76-1.641-5.781c.032-.036 5.745 1.604 5.803 1.661c.063.068 1.703 5.839 1.661 5.833L6.547 8.15zm2.866-2.287l-.693-2.405l-.104-.376l2.255-.645c1.245-.349 2.297-.656 2.349-.677c.041-.02-.115.188-.349.448a11.6 11.6 0 0 0-2.609 4.765a5.4 5.4 0 0 0-.176.745c0 .396-.157-.031-.672-1.849z"/></svg> </template>
CSS
.icon-openstreetmap {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.563%2031.959c-.469-.12-.713-.313-1.964-1.557C.115%2028.918.022%2028.771.027%2028.001c0-.86-.267-.552%204.489-5.317c4.796-4.808%204.552-4.6%205.416-4.6c.407%200%20.505.021.828.188l.371.188l2.323-2.323l-.292-.459c-.563-.885-1.099-2.172-1.339-3.24a10.2%2010.2%200%200%201%201.975-8.588c3.317-4.156%209.276-5.084%2013.676-2.115c2.417%201.625%203.991%204.129%204.439%207.083c.093.625.093%202.104%200%202.767a10.1%2010.1%200%200%201-2.939%205.869a9%209%200%200%201-2.593%201.869c-1.276.641-2.364.943-3.839%201.068c-2.099.177-4.427-.407-6.208-1.547l-.459-.292l-2.328%202.323l.188.376c.167.323.187.421.187.823c.005.864.209.62-4.567%205.396c-3.683%203.676-4.251%204.219-4.532%204.348c-.359.167-.916.229-1.26.141m19.749-13.36a8.57%208.57%200%200%200%206.141-4.677c1.853-3.869.604-8.411-2.975-10.812c-.848-.573-2.036-1.057-3.156-1.281c-.771-.156-2.411-.14-3.219.032a8.7%208.7%200%200%200-3.265%201.421c-.593.416-1.573%201.396-1.984%201.979a8.516%208.516%200%200%200%20.505%2010.543a8.54%208.54%200%200%200%205.203%202.848c.677.104%202.057.079%202.755-.047zm-4.984%209.833c-.979-.271-1.953-.563-2.927-.864c-.032-.037%201.609-5.865%201.677-5.932c.031-.037%205.656%201.536%205.885%201.645c.083.036-.005.385-.704%202.801l-.844%202.985c-.036.115-.093.208-.129.208a258%20258%200%200%201-2.959-.844zm3.885.704c0-.073%201.636-5.781%201.661-5.797c.063-.047%205.765-1.641%205.787-1.615c.027.025-1.599%205.781-1.64%205.812c-.027.027-5.5%201.589-5.677%201.625c-.073.016-.131%200-.131-.025m-9.473-2.552c1.124-1.136%202.129-2.168%202.229-2.303c.228-.292.541-.975.629-1.355c.037-.156.073-.468.079-.692l.016-.412l.239-.068c.141-.036.261-.057.271-.047c.032.037-1.609%205.761-1.661%205.813c-.025.02-.901.285-1.953.583l-1.895.541l2.047-2.057zm11.052-4.079a2%202%200%200%201-.079-.251l-.063-.208l.209-.036c1.785-.303%203.703-1.141%205.213-2.281q.321-.251.353-.183c.068.219.36%201.265.355%201.281c-.047.041-5.975%201.708-5.989%201.683zM3.683%2020.771c-.068-.052-1.573-5.151-1.688-5.719c-.021-.115.193-.057%202.901.713c2.823.808%202.921.839%202.959.989c.041.131.015.172-.167.297c-.109.079-1.027.964-2.032%201.969a78%2078%200%200%201-1.849%201.823c-.02%200-.077-.032-.124-.073zm1.093-5.839a409%20409%200%200%201-2.891-.833c-.021-.016%201.683-5.911%201.713-5.948c.032-.025%205.896%201.615%205.959%201.672c.011.011-.36%201.355-.823%202.984c-.771%202.693-.86%202.964-.964%202.959c-.068%200-1.411-.38-3-.833zm3.943.719c.016-.041.287-.963.593-2.047l.557-1.964l.079.428c.125.739.355%201.583.62%202.317c.14.396.244.719.239.729a21%2021%200%200%201-.957.281c-.521.145-.989.281-1.047.301q-.117.031-.084-.047zm-2.178-7.5c-1.583-.453-2.891-.848-2.905-.875c-.057-.083-1.663-5.76-1.641-5.781c.032-.036%205.745%201.604%205.803%201.661c.063.068%201.703%205.839%201.661%205.833L6.547%208.15zm2.866-2.287l-.693-2.405l-.104-.376l2.255-.645c1.245-.349%202.297-.656%202.349-.677c.041-.02-.115.188-.349.448a11.6%2011.6%200%200%200-2.609%204.765a5.4%205.4%200%200%200-.176.745c0%20.396-.157-.031-.672-1.849z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.563%2031.959c-.469-.12-.713-.313-1.964-1.557C.115%2028.918.022%2028.771.027%2028.001c0-.86-.267-.552%204.489-5.317c4.796-4.808%204.552-4.6%205.416-4.6c.407%200%20.505.021.828.188l.371.188l2.323-2.323l-.292-.459c-.563-.885-1.099-2.172-1.339-3.24a10.2%2010.2%200%200%201%201.975-8.588c3.317-4.156%209.276-5.084%2013.676-2.115c2.417%201.625%203.991%204.129%204.439%207.083c.093.625.093%202.104%200%202.767a10.1%2010.1%200%200%201-2.939%205.869a9%209%200%200%201-2.593%201.869c-1.276.641-2.364.943-3.839%201.068c-2.099.177-4.427-.407-6.208-1.547l-.459-.292l-2.328%202.323l.188.376c.167.323.187.421.187.823c.005.864.209.62-4.567%205.396c-3.683%203.676-4.251%204.219-4.532%204.348c-.359.167-.916.229-1.26.141m19.749-13.36a8.57%208.57%200%200%200%206.141-4.677c1.853-3.869.604-8.411-2.975-10.812c-.848-.573-2.036-1.057-3.156-1.281c-.771-.156-2.411-.14-3.219.032a8.7%208.7%200%200%200-3.265%201.421c-.593.416-1.573%201.396-1.984%201.979a8.516%208.516%200%200%200%20.505%2010.543a8.54%208.54%200%200%200%205.203%202.848c.677.104%202.057.079%202.755-.047zm-4.984%209.833c-.979-.271-1.953-.563-2.927-.864c-.032-.037%201.609-5.865%201.677-5.932c.031-.037%205.656%201.536%205.885%201.645c.083.036-.005.385-.704%202.801l-.844%202.985c-.036.115-.093.208-.129.208a258%20258%200%200%201-2.959-.844zm3.885.704c0-.073%201.636-5.781%201.661-5.797c.063-.047%205.765-1.641%205.787-1.615c.027.025-1.599%205.781-1.64%205.812c-.027.027-5.5%201.589-5.677%201.625c-.073.016-.131%200-.131-.025m-9.473-2.552c1.124-1.136%202.129-2.168%202.229-2.303c.228-.292.541-.975.629-1.355c.037-.156.073-.468.079-.692l.016-.412l.239-.068c.141-.036.261-.057.271-.047c.032.037-1.609%205.761-1.661%205.813c-.025.02-.901.285-1.953.583l-1.895.541l2.047-2.057zm11.052-4.079a2%202%200%200%201-.079-.251l-.063-.208l.209-.036c1.785-.303%203.703-1.141%205.213-2.281q.321-.251.353-.183c.068.219.36%201.265.355%201.281c-.047.041-5.975%201.708-5.989%201.683zM3.683%2020.771c-.068-.052-1.573-5.151-1.688-5.719c-.021-.115.193-.057%202.901.713c2.823.808%202.921.839%202.959.989c.041.131.015.172-.167.297c-.109.079-1.027.964-2.032%201.969a78%2078%200%200%201-1.849%201.823c-.02%200-.077-.032-.124-.073zm1.093-5.839a409%20409%200%200%201-2.891-.833c-.021-.016%201.683-5.911%201.713-5.948c.032-.025%205.896%201.615%205.959%201.672c.011.011-.36%201.355-.823%202.984c-.771%202.693-.86%202.964-.964%202.959c-.068%200-1.411-.38-3-.833zm3.943.719c.016-.041.287-.963.593-2.047l.557-1.964l.079.428c.125.739.355%201.583.62%202.317c.14.396.244.719.239.729a21%2021%200%200%201-.957.281c-.521.145-.989.281-1.047.301q-.117.031-.084-.047zm-2.178-7.5c-1.583-.453-2.891-.848-2.905-.875c-.057-.083-1.663-5.76-1.641-5.781c.032-.036%205.745%201.604%205.803%201.661c.063.068%201.703%205.839%201.661%205.833L6.547%208.15zm2.866-2.287l-.693-2.405l-.104-.376l2.255-.645c1.245-.349%202.297-.656%202.349-.677c.041-.02-.115.188-.349.448a11.6%2011.6%200%200%200-2.609%204.765a5.4%205.4%200%200%200-.176.745c0%20.396-.157-.031-.672-1.849z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/openstreetmap.svg?color=%231a73e8&size=48
