Medium icon
logos:medium
The Medium icon (logos:medium) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 78 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 78
SVG code
<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>
How to use the Medium icon
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:medium"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/logos/medium.svg" alt="Medium icon" width="24" height="24">
Related icons in SVG Logos
Medium icon in other icon sets
Medium icon FAQ
Is the Medium icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Medium icon in React?
Install @iconify/react and render <Icon icon="logos:medium" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Medium icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/medium.svg" alt="Medium icon">, or paste the SVG code inline to style it with CSS.
Browse all SVG Logos icons →
ICONYZ
