Medium アイコン

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

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

logos:medium

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

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 512 × 78

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="78" viewBox="0 0 512 78"><path d="M38.4.853c21.163 0 38.4 17.238 38.4 38.571s-17.237 38.57-38.4 38.57S0 60.929 0 39.425S17.237.854 38.4.854M339.456 0v67.584c0 5.12 2.048 6.485 5.973 7.51l.171.853h-21.675v-8.363c-2.56 6.144-7.85 9.899-14.677 9.899c-11.605 0-19.285-10.582-19.285-26.283c0-8.875 2.56-16.384 7.338-22.016c4.608-5.461 10.923-8.363 17.92-8.363c3.414 0 6.315.683 8.704 2.219v-9.216c0-2.048-.512-3.413-1.536-4.437c-1.365-1.195-3.584-1.707-6.997-1.366h-.17v-.853zm82.261 20.992v46.592c0 5.12 2.048 6.485 5.974 7.51v.853h-21.675v-8.534c-2.56 6.144-8.192 10.07-14.507 10.07c-7.509 0-12.288-3.414-14.165-10.07l-.341-1.706a26 26 0 0 1-.512-5.12V35.669c0-5.461-1.195-7.168-5.974-7.509h-.17v-.853l21.674-6.315v39.253c0 5.803 2.56 9.046 7.339 9.046c2.901 0 5.29-1.536 6.656-4.096V35.669c0-5.632-1.024-7.338-4.95-7.68h-.17v-.853zm-156.501-.17c5.803 0 11.435 2.047 15.19 5.631q6.4 6.145 6.655 17.92v.171h-32.597c-.683 11.264 6.315 20.48 15.53 20.821c6.657.512 12.46-3.584 15.702-10.24l.853.342c-1.877 12.458-9.216 21.845-22.016 21.845c-14.506 0-22.698-12.117-23.04-27.307V46.08c.683-6.656 2.731-12.63 6.315-17.067c2.219-2.73 4.779-4.778 7.85-6.144c2.56-1.365 6.315-2.048 9.387-2.048Zm225.792.17c9.216 0 14.848 5.803 14.848 15.701v31.744c0 3.755 1.707 5.632 5.973 6.656H512v.854h-21.845V37.205c0-6.144-2.219-9.216-6.827-9.216c-3.755 0-5.632 2.731-6.656 5.12c.17 1.195.341 2.39.341 3.584V68.95c0 3.926 1.195 5.291 4.608 6.144h.171v.854h-20.31V37.205c0-6.144-2.389-9.216-6.826-9.216c-3.584 0-5.461 2.56-6.315 4.608V69.12c0 3.925 1.195 5.29 4.608 6.144h.171v.853h-20.31V35.5c0-5.462-1.365-7.168-5.973-7.51h-.17v-.853l21.674-5.973v9.045c2.219-5.803 7.339-9.216 13.824-9.216c7.339 0 12.459 3.584 14.166 10.07c2.218-6.145 7.85-10.07 14.677-10.07M179.712 3.413l20.31 47.616L220.33 3.413h21.845l-.17.854l-.249.055c-3.763.858-5.725 2.265-5.725 6.942v58.027c.341 3.754 2.39 4.949 5.973 5.802h.171v.854h-27.819v-.854h.171c3.584-.853 5.632-2.048 5.973-5.802V12.8l-26.794 62.976h-1.536l-26.112-61.27v53.42c0 4.778 2.048 6.143 5.973 6.997h.17v.853H156.16v-.853h.17c3.926-.854 5.974-2.219 5.974-6.998V11.264c0-4.779-2.048-6.144-5.973-6.997h-.171v-.854zm186.197 17.579v46.592l.003.315c.083 4.862 2.127 6.192 5.97 7.194l.171.854H350.38V35.669c0-5.461-1.195-7.168-5.974-7.509h-.17v-.853zM99.84 3.072c10.41 0 19.115 16.384 19.115 36.352c0 20.139-8.534 36.352-19.115 36.352S80.725 59.563 80.725 39.424S89.26 3.072 99.84 3.072m29.355 3.755c3.925 0 6.826 14.677 6.826 32.597s-3.072 32.597-6.826 32.597c-3.717 0-6.765-14.385-6.826-32.06l-.001-.537c0-17.92 3.072-32.597 6.827-32.597M317.78 23.893c-6.826 0-11.093 9.046-11.093 23.04c0 6.656 1.195 12.459 3.243 16.384c1.877 3.755 4.608 5.803 7.68 5.803s5.29-1.365 6.314-3.925V27.648c-1.194-2.39-3.413-3.755-6.144-3.755m-52.736.171c-6.144 0-9.728 7.339-10.24 17.579v.17h18.603c.341-8.021-1.024-13.312-3.584-15.872c-1.365-1.194-2.901-1.877-4.779-1.877M357.547.512c4.949 0 8.704 3.755 8.704 8.704s-3.755 8.704-8.704 8.704s-8.704-3.755-8.704-8.704s3.754-8.704 8.704-8.704"/></svg>

Medium アイコンの使い方

React

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

<Icon icon="logos:medium" width="24" />

Vue

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

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

Svelte

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

<Icon icon="logos:medium" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/medium.svg" alt="Medium アイコン" width="24" height="24">

SVG Logos の関連アイコン

他のアイコンセットの Medium アイコン

Medium アイコンのよくある質問

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

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

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

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

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

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

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