medium logo

medium from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name
medium
Set
Font Awesome 6 Brands
Style
Regular
Viewbox
640×512
License
CC BY 4.0

The same logo in other sets

medium-fillAkar Iconsmedium-outlinedAnt Design IconsmediumBootstrap IconsmediumBoxicons BrandsmediumCoreUI Brandsmedium-dark-skin-toneEmoji One (Colored)mediumFont Awesome BrandsmediumHuge IconsmediumIconoirmediumJam IconsmediumLine AwesomemediumSVG LogosmediumMage IconsmediumMaterial Design Iconsmedium-fillMingCute Iconmedium-dark-skin-toneNoto Emojimedium-dark-skin-toneOpenMojimedium-fillRemix IconmediumSimple Iconsmedium-outlineTeenyiconsmedium-dark-skin-toneTwitter Emoji

Use the medium logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M180.5 74.262C80.813 74.262 0 155.633 0 256s80.819 181.738 180.5 181.738S361 356.373 361 256S280.191 74.262 180.5 74.262m288.25 10.646c-49.845 0-90.245 76.619-90.245 171.095s40.406 171.1 90.251 171.1s90.251-76.619 90.251-171.1H559c0-94.503-40.4-171.095-90.248-171.095Zm139.506 17.821c-17.526 0-31.735 68.628-31.735 153.274s14.2 153.274 31.735 153.274S640 340.631 640 256c0-84.649-14.215-153.271-31.742-153.271Z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsMedium(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M180.5 74.262C80.813 74.262 0 155.633 0 256s80.819 181.738 180.5 181.738S361 356.373 361 256S280.191 74.262 180.5 74.262m288.25 10.646c-49.845 0-90.245 76.619-90.245 171.095s40.406 171.1 90.251 171.1s90.251-76.619 90.251-171.1H559c0-94.503-40.4-171.095-90.248-171.095Zm139.506 17.821c-17.526 0-31.735 68.628-31.735 153.274s14.2 153.274 31.735 153.274S640 340.631 640 256c0-84.649-14.215-153.271-31.742-153.271Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M180.5 74.262C80.813 74.262 0 155.633 0 256s80.819 181.738 180.5 181.738S361 356.373 361 256S280.191 74.262 180.5 74.262m288.25 10.646c-49.845 0-90.245 76.619-90.245 171.095s40.406 171.1 90.251 171.1s90.251-76.619 90.251-171.1H559c0-94.503-40.4-171.095-90.248-171.095Zm139.506 17.821c-17.526 0-31.735 68.628-31.735 153.274s14.2 153.274 31.735 153.274S640 340.631 640 256c0-84.649-14.215-153.271-31.742-153.271Z"/></svg>
</template>

CSS

.icon-medium {
  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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M180.5%2074.262C80.813%2074.262%200%20155.633%200%20256s80.819%20181.738%20180.5%20181.738S361%20356.373%20361%20256S280.191%2074.262%20180.5%2074.262m288.25%2010.646c-49.845%200-90.245%2076.619-90.245%20171.095s40.406%20171.1%2090.251%20171.1s90.251-76.619%2090.251-171.1H559c0-94.503-40.4-171.095-90.248-171.095Zm139.506%2017.821c-17.526%200-31.735%2068.628-31.735%20153.274s14.2%20153.274%2031.735%20153.274S640%20340.631%20640%20256c0-84.649-14.215-153.271-31.742-153.271Z%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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M180.5%2074.262C80.813%2074.262%200%20155.633%200%20256s80.819%20181.738%20180.5%20181.738S361%20356.373%20361%20256S280.191%2074.262%20180.5%2074.262m288.25%2010.646c-49.845%200-90.245%2076.619-90.245%20171.095s40.406%20171.1%2090.251%20171.1s90.251-76.619%2090.251-171.1H559c0-94.503-40.4-171.095-90.248-171.095Zm139.506%2017.821c-17.526%200-31.735%2068.628-31.735%20153.274s14.2%20153.274%2031.735%20153.274S640%20340.631%20640%20256c0-84.649-14.215-153.271-31.742-153.271Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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