medium icon
medium from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.
- Name
- medium
- Set
- Line Awesome
- Style
- Line
- Category
- Other
- Viewbox
- 32×32
- License
- Apache 2.0
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 IconsmediumSVG LogosmediumMage IconsmediumMaterial Design Iconsmedium-fillMingCute Iconmedium-dark-skin-toneNoto Emojimedium-dark-skin-toneOpenMojimedium-fillRemix IconmediumSimple Iconsmedium-outlineTeenyiconsmedium-dark-skin-toneTwitter Emoji
More other icons from Line Awesome
Use the medium icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M26 10.36h-.79c-.296 0-.71.425-.71.699v9.933c0 .278.414.649.71.649H26V24h-7.168v-2.36h1.5V11.2h-.07L16.758 24h-2.711l-3.461-12.8H10.5v10.44H12V24H6v-2.36h.77c.316 0 .73-.37.73-.648V11.06c0-.274-.414-.7-.73-.7H6V8h7.504l2.46 9.262h.071L18.52 8H26z"/></svg>
React
import type { SVGProps } from "react";
export function LaMedium(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M26 10.36h-.79c-.296 0-.71.425-.71.699v9.933c0 .278.414.649.71.649H26V24h-7.168v-2.36h1.5V11.2h-.07L16.758 24h-2.711l-3.461-12.8H10.5v10.44H12V24H6v-2.36h.77c.316 0 .73-.37.73-.648V11.06c0-.274-.414-.7-.73-.7H6V8h7.504l2.46 9.262h.071L18.52 8H26z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M26 10.36h-.79c-.296 0-.71.425-.71.699v9.933c0 .278.414.649.71.649H26V24h-7.168v-2.36h1.5V11.2h-.07L16.758 24h-2.711l-3.461-12.8H10.5v10.44H12V24H6v-2.36h.77c.316 0 .73-.37.73-.648V11.06c0-.274-.414-.7-.73-.7H6V8h7.504l2.46 9.262h.071L18.52 8H26z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M26%2010.36h-.79c-.296%200-.71.425-.71.699v9.933c0%20.278.414.649.71.649H26V24h-7.168v-2.36h1.5V11.2h-.07L16.758%2024h-2.711l-3.461-12.8H10.5v10.44H12V24H6v-2.36h.77c.316%200%20.73-.37.73-.648V11.06c0-.274-.414-.7-.73-.7H6V8h7.504l2.46%209.262h.071L18.52%208H26z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M26%2010.36h-.79c-.296%200-.71.425-.71.699v9.933c0%20.278.414.649.71.649H26V24h-7.168v-2.36h1.5V11.2h-.07L16.758%2024h-2.711l-3.461-12.8H10.5v10.44H12V24H6v-2.36h.77c.316%200%20.73-.37.73-.648V11.06c0-.274-.414-.7-.73-.7H6V8h7.504l2.46%209.262h.071L18.52%208H26z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/medium.svg?color=%231a73e8&size=48
