medium logo
medium from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- medium
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
medium-fillAkar Iconsmedium-outlinedAnt Design IconsmediumBootstrap IconsmediumBoxicons BrandsmediumCoreUI Brandsmedium-dark-skin-toneEmoji One (Colored)mediumFont Awesome 6 BrandsmediumFont Awesome BrandsmediumHuge IconsmediumIconoirmediumJam IconsmediumLine AwesomemediumSVG LogosmediumMage IconsmediumMaterial Design Iconsmedium-fillMingCute Iconmedium-dark-skin-toneNoto Emojimedium-dark-skin-toneOpenMojimedium-fillRemix Iconmedium-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 24 24"><path fill="currentColor" d="M4.21 0A4.2 4.2 0 0 0 0 4.21v15.58A4.2 4.2 0 0 0 4.21 24h15.58A4.2 4.2 0 0 0 24 19.79v-1.093a5 5 0 0 1-.422.02c-2.577 0-4.027-2.146-4.09-4.832a8 8 0 0 1 .022-.708c.093-1.186.475-2.241 1.105-3.022a3.9 3.9 0 0 1 1.395-1.1c.468-.237 1.127-.367 1.664-.367h.023q.151 0 .303.01V4.211A4.2 4.2 0 0 0 19.79 0Zm.198 5.583h4.165l3.588 8.435l3.59-8.435h3.864v.146l-.019.004c-.705.16-1.063.397-1.063 1.254h-.003l.003 10.274c.06.676.424.885 1.063 1.03l.02.004v.145h-4.923v-.145l.019-.005c.639-.144.994-.353 1.054-1.03V7.267l-4.745 11.15h-.261L6.15 7.569v9.445c0 .857.358 1.094 1.063 1.253l.02.004v.147H4.405v-.147l.019-.004c.705-.16 1.065-.397 1.065-1.253V6.987c0-.857-.358-1.094-1.064-1.254l-.018-.004zm19.25 3.668c-1.086.023-1.733 1.323-1.813 3.124H24V9.298a1.4 1.4 0 0 0-.342-.047m-1.862 3.632c-.1 1.756.86 3.239 2.204 3.634v-3.634z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsMedium(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.21 0A4.2 4.2 0 0 0 0 4.21v15.58A4.2 4.2 0 0 0 4.21 24h15.58A4.2 4.2 0 0 0 24 19.79v-1.093a5 5 0 0 1-.422.02c-2.577 0-4.027-2.146-4.09-4.832a8 8 0 0 1 .022-.708c.093-1.186.475-2.241 1.105-3.022a3.9 3.9 0 0 1 1.395-1.1c.468-.237 1.127-.367 1.664-.367h.023q.151 0 .303.01V4.211A4.2 4.2 0 0 0 19.79 0Zm.198 5.583h4.165l3.588 8.435l3.59-8.435h3.864v.146l-.019.004c-.705.16-1.063.397-1.063 1.254h-.003l.003 10.274c.06.676.424.885 1.063 1.03l.02.004v.145h-4.923v-.145l.019-.005c.639-.144.994-.353 1.054-1.03V7.267l-4.745 11.15h-.261L6.15 7.569v9.445c0 .857.358 1.094 1.063 1.253l.02.004v.147H4.405v-.147l.019-.004c.705-.16 1.065-.397 1.065-1.253V6.987c0-.857-.358-1.094-1.064-1.254l-.018-.004zm19.25 3.668c-1.086.023-1.733 1.323-1.813 3.124H24V9.298a1.4 1.4 0 0 0-.342-.047m-1.862 3.632c-.1 1.756.86 3.239 2.204 3.634v-3.634z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.21 0A4.2 4.2 0 0 0 0 4.21v15.58A4.2 4.2 0 0 0 4.21 24h15.58A4.2 4.2 0 0 0 24 19.79v-1.093a5 5 0 0 1-.422.02c-2.577 0-4.027-2.146-4.09-4.832a8 8 0 0 1 .022-.708c.093-1.186.475-2.241 1.105-3.022a3.9 3.9 0 0 1 1.395-1.1c.468-.237 1.127-.367 1.664-.367h.023q.151 0 .303.01V4.211A4.2 4.2 0 0 0 19.79 0Zm.198 5.583h4.165l3.588 8.435l3.59-8.435h3.864v.146l-.019.004c-.705.16-1.063.397-1.063 1.254h-.003l.003 10.274c.06.676.424.885 1.063 1.03l.02.004v.145h-4.923v-.145l.019-.005c.639-.144.994-.353 1.054-1.03V7.267l-4.745 11.15h-.261L6.15 7.569v9.445c0 .857.358 1.094 1.063 1.253l.02.004v.147H4.405v-.147l.019-.004c.705-.16 1.065-.397 1.065-1.253V6.987c0-.857-.358-1.094-1.064-1.254l-.018-.004zm19.25 3.668c-1.086.023-1.733 1.323-1.813 3.124H24V9.298a1.4 1.4 0 0 0-.342-.047m-1.862 3.632c-.1 1.756.86 3.239 2.204 3.634v-3.634z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.21%200A4.2%204.2%200%200%200%200%204.21v15.58A4.2%204.2%200%200%200%204.21%2024h15.58A4.2%204.2%200%200%200%2024%2019.79v-1.093a5%205%200%200%201-.422.02c-2.577%200-4.027-2.146-4.09-4.832a8%208%200%200%201%20.022-.708c.093-1.186.475-2.241%201.105-3.022a3.9%203.9%200%200%201%201.395-1.1c.468-.237%201.127-.367%201.664-.367h.023q.151%200%20.303.01V4.211A4.2%204.2%200%200%200%2019.79%200Zm.198%205.583h4.165l3.588%208.435l3.59-8.435h3.864v.146l-.019.004c-.705.16-1.063.397-1.063%201.254h-.003l.003%2010.274c.06.676.424.885%201.063%201.03l.02.004v.145h-4.923v-.145l.019-.005c.639-.144.994-.353%201.054-1.03V7.267l-4.745%2011.15h-.261L6.15%207.569v9.445c0%20.857.358%201.094%201.063%201.253l.02.004v.147H4.405v-.147l.019-.004c.705-.16%201.065-.397%201.065-1.253V6.987c0-.857-.358-1.094-1.064-1.254l-.018-.004zm19.25%203.668c-1.086.023-1.733%201.323-1.813%203.124H24V9.298a1.4%201.4%200%200%200-.342-.047m-1.862%203.632c-.1%201.756.86%203.239%202.204%203.634v-3.634z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.21%200A4.2%204.2%200%200%200%200%204.21v15.58A4.2%204.2%200%200%200%204.21%2024h15.58A4.2%204.2%200%200%200%2024%2019.79v-1.093a5%205%200%200%201-.422.02c-2.577%200-4.027-2.146-4.09-4.832a8%208%200%200%201%20.022-.708c.093-1.186.475-2.241%201.105-3.022a3.9%203.9%200%200%201%201.395-1.1c.468-.237%201.127-.367%201.664-.367h.023q.151%200%20.303.01V4.211A4.2%204.2%200%200%200%2019.79%200Zm.198%205.583h4.165l3.588%208.435l3.59-8.435h3.864v.146l-.019.004c-.705.16-1.063.397-1.063%201.254h-.003l.003%2010.274c.06.676.424.885%201.063%201.03l.02.004v.145h-4.923v-.145l.019-.005c.639-.144.994-.353%201.054-1.03V7.267l-4.745%2011.15h-.261L6.15%207.569v9.445c0%20.857.358%201.094%201.063%201.253l.02.004v.147H4.405v-.147l.019-.004c.705-.16%201.065-.397%201.065-1.253V6.987c0-.857-.358-1.094-1.064-1.254l-.018-.004zm19.25%203.668c-1.086.023-1.733%201.323-1.813%203.124H24V9.298a1.4%201.4%200%200%200-.342-.047m-1.862%203.632c-.1%201.756.86%203.239%202.204%203.634v-3.634z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/medium.svg?color=%231a73e8&size=48
