Mapzen Icon アイコン

Q: Mapzen Icon アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

logos:mapzen-icon

Mapzen Icon アイコン(logos:mapzen-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 256 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 256 × 256
タグ: mapzenicon

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" 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>

Mapzen Icon アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="logos:mapzen-icon" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:mapzen-icon" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:mapzen-icon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--mapzen-icon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:mapzen-icon"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:mapzen-icon"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/mapzen-icon.svg" alt="Mapzen Icon アイコン" width="24" height="24">

SVG Logos の関連アイコン

Mapzen Icon アイコンのよくある質問

Mapzen Icon アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Mapzen Icon アイコンを使うには?

@iconify/react をインストールして <Icon icon="logos:mapzen-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Mapzen Icon アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/mapzen-icon.svg" alt="Mapzen Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

SVG Logos アイコンをすべて見る →