medium logo
medium from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.
- Name
- medium
- Set
- Boxicons Brands
- Style
- Logo
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
medium-fillAkar Iconsmedium-outlinedAnt Design IconsmediumBootstrap IconsmediumCoreUI 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 IconmediumSimple Iconsmedium-outlineTeenyiconsmedium-dark-skin-toneTwitter Emoji
Related icons in Boxicons Brands
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="M21.65 9.04c.12 0 .24.02.35.05v-.61c-.1 0-.21-.01-.31-.01h-.02c-.55 0-1.22.13-1.7.37c-.54.25-1.02.63-1.42 1.12c-.64.8-1.03 1.87-1.13 3.08v.73c.06 2.74 1.54 4.93 4.17 4.93c.15 0 .29 0 .43-.02v-2.22c-1.37-.4-2.35-1.92-2.25-3.71s2.25 0 2.25 0v-.52h-2.2c.08-1.84.74-3.17 1.85-3.19Z"/><path fill="currentColor" d="M16.42 17.22V6.73c0-.87.37-1.12 1.09-1.28h.02V5.3h-3.95l-3.66 8.61L6.26 5.3H2v.15h.02c.72.17 1.09.41 1.09 1.28v10.23c0 .87-.37 1.12-1.09 1.28H2v.15h2.88v-.15h-.02c-.72-.17-1.09-.41-1.09-1.28V7.32l4.71 11.07h.27l4.84-11.38v10.2c-.06.69-.42.9-1.08 1.05h-.02v.15h5.02v-.15h-.02c-.65-.15-1.02-.36-1.09-1.06Z"/></svg>
React
import type { SVGProps } from "react";
export function BxlMedium(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="M21.65 9.04c.12 0 .24.02.35.05v-.61c-.1 0-.21-.01-.31-.01h-.02c-.55 0-1.22.13-1.7.37c-.54.25-1.02.63-1.42 1.12c-.64.8-1.03 1.87-1.13 3.08v.73c.06 2.74 1.54 4.93 4.17 4.93c.15 0 .29 0 .43-.02v-2.22c-1.37-.4-2.35-1.92-2.25-3.71s2.25 0 2.25 0v-.52h-2.2c.08-1.84.74-3.17 1.85-3.19Z"/><path fill="currentColor" d="M16.42 17.22V6.73c0-.87.37-1.12 1.09-1.28h.02V5.3h-3.95l-3.66 8.61L6.26 5.3H2v.15h.02c.72.17 1.09.41 1.09 1.28v10.23c0 .87-.37 1.12-1.09 1.28H2v.15h2.88v-.15h-.02c-.72-.17-1.09-.41-1.09-1.28V7.32l4.71 11.07h.27l4.84-11.38v10.2c-.06.69-.42.9-1.08 1.05h-.02v.15h5.02v-.15h-.02c-.65-.15-1.02-.36-1.09-1.06Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.65 9.04c.12 0 .24.02.35.05v-.61c-.1 0-.21-.01-.31-.01h-.02c-.55 0-1.22.13-1.7.37c-.54.25-1.02.63-1.42 1.12c-.64.8-1.03 1.87-1.13 3.08v.73c.06 2.74 1.54 4.93 4.17 4.93c.15 0 .29 0 .43-.02v-2.22c-1.37-.4-2.35-1.92-2.25-3.71s2.25 0 2.25 0v-.52h-2.2c.08-1.84.74-3.17 1.85-3.19Z"/><path fill="currentColor" d="M16.42 17.22V6.73c0-.87.37-1.12 1.09-1.28h.02V5.3h-3.95l-3.66 8.61L6.26 5.3H2v.15h.02c.72.17 1.09.41 1.09 1.28v10.23c0 .87-.37 1.12-1.09 1.28H2v.15h2.88v-.15h-.02c-.72-.17-1.09-.41-1.09-1.28V7.32l4.71 11.07h.27l4.84-11.38v10.2c-.06.69-.42.9-1.08 1.05h-.02v.15h5.02v-.15h-.02c-.65-.15-1.02-.36-1.09-1.06Z"/></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%22M21.65%209.04c.12%200%20.24.02.35.05v-.61c-.1%200-.21-.01-.31-.01h-.02c-.55%200-1.22.13-1.7.37c-.54.25-1.02.63-1.42%201.12c-.64.8-1.03%201.87-1.13%203.08v.73c.06%202.74%201.54%204.93%204.17%204.93c.15%200%20.29%200%20.43-.02v-2.22c-1.37-.4-2.35-1.92-2.25-3.71s2.25%200%202.25%200v-.52h-2.2c.08-1.84.74-3.17%201.85-3.19Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.42%2017.22V6.73c0-.87.37-1.12%201.09-1.28h.02V5.3h-3.95l-3.66%208.61L6.26%205.3H2v.15h.02c.72.17%201.09.41%201.09%201.28v10.23c0%20.87-.37%201.12-1.09%201.28H2v.15h2.88v-.15h-.02c-.72-.17-1.09-.41-1.09-1.28V7.32l4.71%2011.07h.27l4.84-11.38v10.2c-.06.69-.42.9-1.08%201.05h-.02v.15h5.02v-.15h-.02c-.65-.15-1.02-.36-1.09-1.06Z%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%22M21.65%209.04c.12%200%20.24.02.35.05v-.61c-.1%200-.21-.01-.31-.01h-.02c-.55%200-1.22.13-1.7.37c-.54.25-1.02.63-1.42%201.12c-.64.8-1.03%201.87-1.13%203.08v.73c.06%202.74%201.54%204.93%204.17%204.93c.15%200%20.29%200%20.43-.02v-2.22c-1.37-.4-2.35-1.92-2.25-3.71s2.25%200%202.25%200v-.52h-2.2c.08-1.84.74-3.17%201.85-3.19Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.42%2017.22V6.73c0-.87.37-1.12%201.09-1.28h.02V5.3h-3.95l-3.66%208.61L6.26%205.3H2v.15h.02c.72.17%201.09.41%201.09%201.28v10.23c0%20.87-.37%201.12-1.09%201.28H2v.15h2.88v-.15h-.02c-.72-.17-1.09-.41-1.09-1.28V7.32l4.71%2011.07h.27l4.84-11.38v10.2c-.06.69-.42.9-1.08%201.05h-.02v.15h5.02v-.15h-.02c-.65-.15-1.02-.36-1.09-1.06Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxl/medium.svg?color=%231a73e8&size=48
