medium icon
medium-line from Remix Icon by Remix Design · Line · Logos · Apache-2.0 Free for personal and commercial use.
- Name
- medium-line
- Set
- Remix Icon
- Style
- Line
- Category
- Logos
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
The same icon 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-toneOpenMojimediumSimple Iconsmedium-outlineTeenyiconsmedium-dark-skin-toneTwitter Emoji
More logos icons from Remix Icon
Use the medium icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.158 4h11.684C19.034 4 20 4.966 20 6.158v3.455a2.9 2.9 0 0 0-1.539 1.003c-.472.586-.758 1.377-.828 2.266q-.022.266-.017.532c.041 1.763.88 3.216 2.384 3.55v.878A2.16 2.16 0 0 1 17.842 20H6.158A2.16 2.16 0 0 1 4 17.842V6.158C4 4.966 4.966 4 6.158 4M21 6.158A3.16 3.16 0 0 0 17.842 3H6.158A3.16 3.16 0 0 0 3 6.158v11.684A3.16 3.16 0 0 0 6.158 21h11.684A3.16 3.16 0 0 0 21 17.842zm-1 4.14v1.983h-.616c.039-.867.253-1.58.616-1.983m0 2.364v2.063c-.441-.513-.699-1.25-.653-2.063zM17.697 7.3l.015-.003v-.11h-2.9l-2.69 6.326L9.43 7.187H6.306v.11l.014.003c.529.12.798.298.798.94v7.52c0 .642-.27.82-.8.94l-.013.002v.11h2.12v-.11L8.41 16.7c-.529-.12-.798-.298-.798-.94V8.676l3.458 8.137h.196l3.559-8.364v7.496c-.046.508-.312.665-.791.773l-.014.003v.109h3.692v-.11l-.015-.002c-.48-.108-.752-.265-.797-.773l-.003-7.705h.003c0-.642.269-.82.797-.94"/></svg>
React
import type { SVGProps } from "react";
export function RiMediumLine(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="M6.158 4h11.684C19.034 4 20 4.966 20 6.158v3.455a2.9 2.9 0 0 0-1.539 1.003c-.472.586-.758 1.377-.828 2.266q-.022.266-.017.532c.041 1.763.88 3.216 2.384 3.55v.878A2.16 2.16 0 0 1 17.842 20H6.158A2.16 2.16 0 0 1 4 17.842V6.158C4 4.966 4.966 4 6.158 4M21 6.158A3.16 3.16 0 0 0 17.842 3H6.158A3.16 3.16 0 0 0 3 6.158v11.684A3.16 3.16 0 0 0 6.158 21h11.684A3.16 3.16 0 0 0 21 17.842zm-1 4.14v1.983h-.616c.039-.867.253-1.58.616-1.983m0 2.364v2.063c-.441-.513-.699-1.25-.653-2.063zM17.697 7.3l.015-.003v-.11h-2.9l-2.69 6.326L9.43 7.187H6.306v.11l.014.003c.529.12.798.298.798.94v7.52c0 .642-.27.82-.8.94l-.013.002v.11h2.12v-.11L8.41 16.7c-.529-.12-.798-.298-.798-.94V8.676l3.458 8.137h.196l3.559-8.364v7.496c-.046.508-.312.665-.791.773l-.014.003v.109h3.692v-.11l-.015-.002c-.48-.108-.752-.265-.797-.773l-.003-7.705h.003c0-.642.269-.82.797-.94"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.158 4h11.684C19.034 4 20 4.966 20 6.158v3.455a2.9 2.9 0 0 0-1.539 1.003c-.472.586-.758 1.377-.828 2.266q-.022.266-.017.532c.041 1.763.88 3.216 2.384 3.55v.878A2.16 2.16 0 0 1 17.842 20H6.158A2.16 2.16 0 0 1 4 17.842V6.158C4 4.966 4.966 4 6.158 4M21 6.158A3.16 3.16 0 0 0 17.842 3H6.158A3.16 3.16 0 0 0 3 6.158v11.684A3.16 3.16 0 0 0 6.158 21h11.684A3.16 3.16 0 0 0 21 17.842zm-1 4.14v1.983h-.616c.039-.867.253-1.58.616-1.983m0 2.364v2.063c-.441-.513-.699-1.25-.653-2.063zM17.697 7.3l.015-.003v-.11h-2.9l-2.69 6.326L9.43 7.187H6.306v.11l.014.003c.529.12.798.298.798.94v7.52c0 .642-.27.82-.8.94l-.013.002v.11h2.12v-.11L8.41 16.7c-.529-.12-.798-.298-.798-.94V8.676l3.458 8.137h.196l3.559-8.364v7.496c-.046.508-.312.665-.791.773l-.014.003v.109h3.692v-.11l-.015-.002c-.48-.108-.752-.265-.797-.773l-.003-7.705h.003c0-.642.269-.82.797-.94"/></svg> </template>
CSS
.icon-medium-line {
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%22M6.158%204h11.684C19.034%204%2020%204.966%2020%206.158v3.455a2.9%202.9%200%200%200-1.539%201.003c-.472.586-.758%201.377-.828%202.266q-.022.266-.017.532c.041%201.763.88%203.216%202.384%203.55v.878A2.16%202.16%200%200%201%2017.842%2020H6.158A2.16%202.16%200%200%201%204%2017.842V6.158C4%204.966%204.966%204%206.158%204M21%206.158A3.16%203.16%200%200%200%2017.842%203H6.158A3.16%203.16%200%200%200%203%206.158v11.684A3.16%203.16%200%200%200%206.158%2021h11.684A3.16%203.16%200%200%200%2021%2017.842zm-1%204.14v1.983h-.616c.039-.867.253-1.58.616-1.983m0%202.364v2.063c-.441-.513-.699-1.25-.653-2.063zM17.697%207.3l.015-.003v-.11h-2.9l-2.69%206.326L9.43%207.187H6.306v.11l.014.003c.529.12.798.298.798.94v7.52c0%20.642-.27.82-.8.94l-.013.002v.11h2.12v-.11L8.41%2016.7c-.529-.12-.798-.298-.798-.94V8.676l3.458%208.137h.196l3.559-8.364v7.496c-.046.508-.312.665-.791.773l-.014.003v.109h3.692v-.11l-.015-.002c-.48-.108-.752-.265-.797-.773l-.003-7.705h.003c0-.642.269-.82.797-.94%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%22M6.158%204h11.684C19.034%204%2020%204.966%2020%206.158v3.455a2.9%202.9%200%200%200-1.539%201.003c-.472.586-.758%201.377-.828%202.266q-.022.266-.017.532c.041%201.763.88%203.216%202.384%203.55v.878A2.16%202.16%200%200%201%2017.842%2020H6.158A2.16%202.16%200%200%201%204%2017.842V6.158C4%204.966%204.966%204%206.158%204M21%206.158A3.16%203.16%200%200%200%2017.842%203H6.158A3.16%203.16%200%200%200%203%206.158v11.684A3.16%203.16%200%200%200%206.158%2021h11.684A3.16%203.16%200%200%200%2021%2017.842zm-1%204.14v1.983h-.616c.039-.867.253-1.58.616-1.983m0%202.364v2.063c-.441-.513-.699-1.25-.653-2.063zM17.697%207.3l.015-.003v-.11h-2.9l-2.69%206.326L9.43%207.187H6.306v.11l.014.003c.529.12.798.298.798.94v7.52c0%20.642-.27.82-.8.94l-.013.002v.11h2.12v-.11L8.41%2016.7c-.529-.12-.798-.298-.798-.94V8.676l3.458%208.137h.196l3.559-8.364v7.496c-.046.508-.312.665-.791.773l-.014.003v.109h3.692v-.11l-.015-.002c-.48-.108-.752-.265-.797-.773l-.003-7.705h.003c0-.642.269-.82.797-.94%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/medium-line.svg?color=%231a73e8&size=48
