mapzen icon logo

mapzen-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
mapzen-icon
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the mapzen icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#54485b" d="m174.575 103.526l80.366 23.718c1.412.42 1.412 1.093 0 1.51l-94.872 28.003c-1.412.416-2.896 1.898-3.313 3.311l-28.002 94.874c-.207.705-.482 1.058-.755 1.058c-.272 0-.545-.353-.754-1.058L105.71 181.98l46.537-29.227l2.034-1.276zM38.604 146.16l8.637 2.549l-1.785 60.471l11.725-3.99l1.564-53.084l8.632 2.548l-1.4 47.544l35.783-12.176l2.465 8.356l-38.524 13.108l-.229 7.84l41.223-12.588l2.463 8.351l-52.745 16.106l.492-16.714l-20.52 6.982zm178.793 0l2.216 75.303l-20.73-7.054l.495 16.786l-52.554-16.047l2.465-8.347l41.03 12.525l-.231-7.913l-38.316-13.035l2.468-8.356l35.575 12.102l-1.4-47.409l8.635-2.549l1.561 52.954l11.933 4.06l-1.781-60.471zm-34.73-81.306l-34.472 81.441l-74.893 47.031l34.474-81.44zM127.999 0c.273 0 .548.352.755 1.058l22.075 74.789l-49.14 30.86l-19.472 46.001l-39.37-11.62l-4.057-1.197l-37.733-11.137c-1.41-.417-1.41-1.09 0-1.51l94.876-28.002c1.41-.416 2.894-1.896 3.31-3.31l28.002-94.874C127.454.352 127.727 0 128 0m10.499 117.115c-5.55-5.552-14.55-5.552-20.103 0c-5.553 5.55-5.553 14.551 0 20.104c5.552 5.55 14.552 5.55 20.103 0c5.553-5.553 5.553-14.554 0-20.104M56.413 23.138L109.61 39.38l-2.465 8.35l-41.673-12.724l.357 12.18l38.05 11.62l-2.467 8.35L66.1 56.37l1.325 44.96l-8.632 2.55l-1.48-50.194l-11.863-3.623l1.687 57.257l-8.632 2.549l-2.115-71.675L57.043 44.5zm142.965 0l-.632 21.428l20.862-6.372l-2.113 71.675l-8.633-2.549l1.689-57.257l-12.075 3.687l-1.475 50.07l-8.632-2.55l1.32-44.836l-35.102 10.722l-2.462-8.35L189.96 47.25l.36-12.244l-41.482 12.664l-2.465-8.347z"/></svg>

React

import type { SVGProps } from "react";

export function LogosMapzenIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#54485b" d="m174.575 103.526l80.366 23.718c1.412.42 1.412 1.093 0 1.51l-94.872 28.003c-1.412.416-2.896 1.898-3.313 3.311l-28.002 94.874c-.207.705-.482 1.058-.755 1.058c-.272 0-.545-.353-.754-1.058L105.71 181.98l46.537-29.227l2.034-1.276zM38.604 146.16l8.637 2.549l-1.785 60.471l11.725-3.99l1.564-53.084l8.632 2.548l-1.4 47.544l35.783-12.176l2.465 8.356l-38.524 13.108l-.229 7.84l41.223-12.588l2.463 8.351l-52.745 16.106l.492-16.714l-20.52 6.982zm178.793 0l2.216 75.303l-20.73-7.054l.495 16.786l-52.554-16.047l2.465-8.347l41.03 12.525l-.231-7.913l-38.316-13.035l2.468-8.356l35.575 12.102l-1.4-47.409l8.635-2.549l1.561 52.954l11.933 4.06l-1.781-60.471zm-34.73-81.306l-34.472 81.441l-74.893 47.031l34.474-81.44zM127.999 0c.273 0 .548.352.755 1.058l22.075 74.789l-49.14 30.86l-19.472 46.001l-39.37-11.62l-4.057-1.197l-37.733-11.137c-1.41-.417-1.41-1.09 0-1.51l94.876-28.002c1.41-.416 2.894-1.896 3.31-3.31l28.002-94.874C127.454.352 127.727 0 128 0m10.499 117.115c-5.55-5.552-14.55-5.552-20.103 0c-5.553 5.55-5.553 14.551 0 20.104c5.552 5.55 14.552 5.55 20.103 0c5.553-5.553 5.553-14.554 0-20.104M56.413 23.138L109.61 39.38l-2.465 8.35l-41.673-12.724l.357 12.18l38.05 11.62l-2.467 8.35L66.1 56.37l1.325 44.96l-8.632 2.55l-1.48-50.194l-11.863-3.623l1.687 57.257l-8.632 2.549l-2.115-71.675L57.043 44.5zm142.965 0l-.632 21.428l20.862-6.372l-2.113 71.675l-8.633-2.549l1.689-57.257l-12.075 3.687l-1.475 50.07l-8.632-2.55l1.32-44.836l-35.102 10.722l-2.462-8.35L189.96 47.25l.36-12.244l-41.482 12.664l-2.465-8.347z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#54485b" d="m174.575 103.526l80.366 23.718c1.412.42 1.412 1.093 0 1.51l-94.872 28.003c-1.412.416-2.896 1.898-3.313 3.311l-28.002 94.874c-.207.705-.482 1.058-.755 1.058c-.272 0-.545-.353-.754-1.058L105.71 181.98l46.537-29.227l2.034-1.276zM38.604 146.16l8.637 2.549l-1.785 60.471l11.725-3.99l1.564-53.084l8.632 2.548l-1.4 47.544l35.783-12.176l2.465 8.356l-38.524 13.108l-.229 7.84l41.223-12.588l2.463 8.351l-52.745 16.106l.492-16.714l-20.52 6.982zm178.793 0l2.216 75.303l-20.73-7.054l.495 16.786l-52.554-16.047l2.465-8.347l41.03 12.525l-.231-7.913l-38.316-13.035l2.468-8.356l35.575 12.102l-1.4-47.409l8.635-2.549l1.561 52.954l11.933 4.06l-1.781-60.471zm-34.73-81.306l-34.472 81.441l-74.893 47.031l34.474-81.44zM127.999 0c.273 0 .548.352.755 1.058l22.075 74.789l-49.14 30.86l-19.472 46.001l-39.37-11.62l-4.057-1.197l-37.733-11.137c-1.41-.417-1.41-1.09 0-1.51l94.876-28.002c1.41-.416 2.894-1.896 3.31-3.31l28.002-94.874C127.454.352 127.727 0 128 0m10.499 117.115c-5.55-5.552-14.55-5.552-20.103 0c-5.553 5.55-5.553 14.551 0 20.104c5.552 5.55 14.552 5.55 20.103 0c5.553-5.553 5.553-14.554 0-20.104M56.413 23.138L109.61 39.38l-2.465 8.35l-41.673-12.724l.357 12.18l38.05 11.62l-2.467 8.35L66.1 56.37l1.325 44.96l-8.632 2.55l-1.48-50.194l-11.863-3.623l1.687 57.257l-8.632 2.549l-2.115-71.675L57.043 44.5zm142.965 0l-.632 21.428l20.862-6.372l-2.113 71.675l-8.633-2.549l1.689-57.257l-12.075 3.687l-1.475 50.07l-8.632-2.55l1.32-44.836l-35.102 10.722l-2.462-8.35L189.96 47.25l.36-12.244l-41.482 12.664l-2.465-8.347z"/></svg>
</template>

CSS

.icon-mapzen-icon {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22%2354485b%22%20d%3D%22m174.575%20103.526l80.366%2023.718c1.412.42%201.412%201.093%200%201.51l-94.872%2028.003c-1.412.416-2.896%201.898-3.313%203.311l-28.002%2094.874c-.207.705-.482%201.058-.755%201.058c-.272%200-.545-.353-.754-1.058L105.71%20181.98l46.537-29.227l2.034-1.276zM38.604%20146.16l8.637%202.549l-1.785%2060.471l11.725-3.99l1.564-53.084l8.632%202.548l-1.4%2047.544l35.783-12.176l2.465%208.356l-38.524%2013.108l-.229%207.84l41.223-12.588l2.463%208.351l-52.745%2016.106l.492-16.714l-20.52%206.982zm178.793%200l2.216%2075.303l-20.73-7.054l.495%2016.786l-52.554-16.047l2.465-8.347l41.03%2012.525l-.231-7.913l-38.316-13.035l2.468-8.356l35.575%2012.102l-1.4-47.409l8.635-2.549l1.561%2052.954l11.933%204.06l-1.781-60.471zm-34.73-81.306l-34.472%2081.441l-74.893%2047.031l34.474-81.44zM127.999%200c.273%200%20.548.352.755%201.058l22.075%2074.789l-49.14%2030.86l-19.472%2046.001l-39.37-11.62l-4.057-1.197l-37.733-11.137c-1.41-.417-1.41-1.09%200-1.51l94.876-28.002c1.41-.416%202.894-1.896%203.31-3.31l28.002-94.874C127.454.352%20127.727%200%20128%200m10.499%20117.115c-5.55-5.552-14.55-5.552-20.103%200c-5.553%205.55-5.553%2014.551%200%2020.104c5.552%205.55%2014.552%205.55%2020.103%200c5.553-5.553%205.553-14.554%200-20.104M56.413%2023.138L109.61%2039.38l-2.465%208.35l-41.673-12.724l.357%2012.18l38.05%2011.62l-2.467%208.35L66.1%2056.37l1.325%2044.96l-8.632%202.55l-1.48-50.194l-11.863-3.623l1.687%2057.257l-8.632%202.549l-2.115-71.675L57.043%2044.5zm142.965%200l-.632%2021.428l20.862-6.372l-2.113%2071.675l-8.633-2.549l1.689-57.257l-12.075%203.687l-1.475%2050.07l-8.632-2.55l1.32-44.836l-35.102%2010.722l-2.462-8.35L189.96%2047.25l.36-12.244l-41.482%2012.664l-2.465-8.347z%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%20256%20256%22%3E%3Cpath%20fill%3D%22%2354485b%22%20d%3D%22m174.575%20103.526l80.366%2023.718c1.412.42%201.412%201.093%200%201.51l-94.872%2028.003c-1.412.416-2.896%201.898-3.313%203.311l-28.002%2094.874c-.207.705-.482%201.058-.755%201.058c-.272%200-.545-.353-.754-1.058L105.71%20181.98l46.537-29.227l2.034-1.276zM38.604%20146.16l8.637%202.549l-1.785%2060.471l11.725-3.99l1.564-53.084l8.632%202.548l-1.4%2047.544l35.783-12.176l2.465%208.356l-38.524%2013.108l-.229%207.84l41.223-12.588l2.463%208.351l-52.745%2016.106l.492-16.714l-20.52%206.982zm178.793%200l2.216%2075.303l-20.73-7.054l.495%2016.786l-52.554-16.047l2.465-8.347l41.03%2012.525l-.231-7.913l-38.316-13.035l2.468-8.356l35.575%2012.102l-1.4-47.409l8.635-2.549l1.561%2052.954l11.933%204.06l-1.781-60.471zm-34.73-81.306l-34.472%2081.441l-74.893%2047.031l34.474-81.44zM127.999%200c.273%200%20.548.352.755%201.058l22.075%2074.789l-49.14%2030.86l-19.472%2046.001l-39.37-11.62l-4.057-1.197l-37.733-11.137c-1.41-.417-1.41-1.09%200-1.51l94.876-28.002c1.41-.416%202.894-1.896%203.31-3.31l28.002-94.874C127.454.352%20127.727%200%20128%200m10.499%20117.115c-5.55-5.552-14.55-5.552-20.103%200c-5.553%205.55-5.553%2014.551%200%2020.104c5.552%205.55%2014.552%205.55%2020.103%200c5.553-5.553%205.553-14.554%200-20.104M56.413%2023.138L109.61%2039.38l-2.465%208.35l-41.673-12.724l.357%2012.18l38.05%2011.62l-2.467%208.35L66.1%2056.37l1.325%2044.96l-8.632%202.55l-1.48-50.194l-11.863-3.623l1.687%2057.257l-8.632%202.549l-2.115-71.675L57.043%2044.5zm142.965%200l-.632%2021.428l20.862-6.372l-2.113%2071.675l-8.633-2.549l1.689-57.257l-12.075%203.687l-1.475%2050.07l-8.632-2.55l1.32-44.836l-35.102%2010.722l-2.462-8.35L189.96%2047.25l.36-12.244l-41.482%2012.664l-2.465-8.347z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/mapzen-icon.svg?color=%231a73e8&size=48