master outlined icon
master-outlined from EOS Icons by SUSE UX/UI team · Regular · MIT Free for personal and commercial use.
- Name
- master-outlined
- Set
- EOS Icons
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
Use the master outlined icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 20h18v2H3zm18-1H3L2.147 7.81A2 2 0 1 1 5 6a2 2 0 0 1-.024.3l2.737 2.189l2.562-4.486A1.95 1.95 0 0 1 10 3a2 2 0 0 1 4 0a1.95 1.95 0 0 1-.276 1.004l2.558 4.485l2.741-2.19A2 2 0 0 1 19 6a2 2 0 1 1 2.853 1.81ZM4.92 17h14.16l.73-8.77l-4.106 3.281L12 5.017l-3.71 6.494l-4.1-3.28Z"/></svg>
React
import type { SVGProps } from "react";
export function EosIconsMasterOutlined(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="M3 20h18v2H3zm18-1H3L2.147 7.81A2 2 0 1 1 5 6a2 2 0 0 1-.024.3l2.737 2.189l2.562-4.486A1.95 1.95 0 0 1 10 3a2 2 0 0 1 4 0a1.95 1.95 0 0 1-.276 1.004l2.558 4.485l2.741-2.19A2 2 0 0 1 19 6a2 2 0 1 1 2.853 1.81ZM4.92 17h14.16l.73-8.77l-4.106 3.281L12 5.017l-3.71 6.494l-4.1-3.28Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 20h18v2H3zm18-1H3L2.147 7.81A2 2 0 1 1 5 6a2 2 0 0 1-.024.3l2.737 2.189l2.562-4.486A1.95 1.95 0 0 1 10 3a2 2 0 0 1 4 0a1.95 1.95 0 0 1-.276 1.004l2.558 4.485l2.741-2.19A2 2 0 0 1 19 6a2 2 0 1 1 2.853 1.81ZM4.92 17h14.16l.73-8.77l-4.106 3.281L12 5.017l-3.71 6.494l-4.1-3.28Z"/></svg> </template>
CSS
.icon-master-outlined {
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%22M3%2020h18v2H3zm18-1H3L2.147%207.81A2%202%200%201%201%205%206a2%202%200%200%201-.024.3l2.737%202.189l2.562-4.486A1.95%201.95%200%200%201%2010%203a2%202%200%200%201%204%200a1.95%201.95%200%200%201-.276%201.004l2.558%204.485l2.741-2.19A2%202%200%200%201%2019%206a2%202%200%201%201%202.853%201.81ZM4.92%2017h14.16l.73-8.77l-4.106%203.281L12%205.017l-3.71%206.494l-4.1-3.28Z%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%22M3%2020h18v2H3zm18-1H3L2.147%207.81A2%202%200%201%201%205%206a2%202%200%200%201-.024.3l2.737%202.189l2.562-4.486A1.95%201.95%200%200%201%2010%203a2%202%200%200%201%204%200a1.95%201.95%200%200%201-.276%201.004l2.558%204.485l2.741-2.19A2%202%200%200%201%2019%206a2%202%200%201%201%202.853%201.81ZM4.92%2017h14.16l.73-8.77l-4.106%203.281L12%205.017l-3.71%206.494l-4.1-3.28Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/eos-icons/master-outlined.svg?color=%231a73e8&size=48
