service instance outlined icon
service-instance-outlined from EOS Icons by SUSE UX/UI team · Regular · MIT Free for personal and commercial use.
- Name
- service-instance-outlined
- Set
- EOS Icons
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
Related icons in EOS Icons
Use the service instance outlined icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.977 19.09l-.388-1.532a.75.75 0 0 0-.356-.466a.76.76 0 0 0-.587-.072l-4.552 1.284L12 17l3.915-1.003a1.9 1.9 0 0 0 .558-.893L16.166 14L8 15H3v6h5l4.455.964a3.2 3.2 0 0 0 .727-.017l7.26-1.954a.76.76 0 0 0 .454-.344a.74.74 0 0 0 .081-.56M6 20H4v-4h2zm6.922.982a.6.6 0 0 1-.138.018a.5.5 0 0 1-.115-.012L8 19.963V16.02l7.329-.908L10 17l4.721 2.232l.317.127l.328-.093l4.316-1.217l.264 1.042ZM9 2v11l8.18-5.5Zm2 3.76l2.6 1.74L11 9.25Z"/></svg>
React
import type { SVGProps } from "react";
export function EosIconsServiceInstanceOutlined(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="m20.977 19.09l-.388-1.532a.75.75 0 0 0-.356-.466a.76.76 0 0 0-.587-.072l-4.552 1.284L12 17l3.915-1.003a1.9 1.9 0 0 0 .558-.893L16.166 14L8 15H3v6h5l4.455.964a3.2 3.2 0 0 0 .727-.017l7.26-1.954a.76.76 0 0 0 .454-.344a.74.74 0 0 0 .081-.56M6 20H4v-4h2zm6.922.982a.6.6 0 0 1-.138.018a.5.5 0 0 1-.115-.012L8 19.963V16.02l7.329-.908L10 17l4.721 2.232l.317.127l.328-.093l4.316-1.217l.264 1.042ZM9 2v11l8.18-5.5Zm2 3.76l2.6 1.74L11 9.25Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.977 19.09l-.388-1.532a.75.75 0 0 0-.356-.466a.76.76 0 0 0-.587-.072l-4.552 1.284L12 17l3.915-1.003a1.9 1.9 0 0 0 .558-.893L16.166 14L8 15H3v6h5l4.455.964a3.2 3.2 0 0 0 .727-.017l7.26-1.954a.76.76 0 0 0 .454-.344a.74.74 0 0 0 .081-.56M6 20H4v-4h2zm6.922.982a.6.6 0 0 1-.138.018a.5.5 0 0 1-.115-.012L8 19.963V16.02l7.329-.908L10 17l4.721 2.232l.317.127l.328-.093l4.316-1.217l.264 1.042ZM9 2v11l8.18-5.5Zm2 3.76l2.6 1.74L11 9.25Z"/></svg> </template>
CSS
.icon-service-instance-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%22m20.977%2019.09l-.388-1.532a.75.75%200%200%200-.356-.466a.76.76%200%200%200-.587-.072l-4.552%201.284L12%2017l3.915-1.003a1.9%201.9%200%200%200%20.558-.893L16.166%2014L8%2015H3v6h5l4.455.964a3.2%203.2%200%200%200%20.727-.017l7.26-1.954a.76.76%200%200%200%20.454-.344a.74.74%200%200%200%20.081-.56M6%2020H4v-4h2zm6.922.982a.6.6%200%200%201-.138.018a.5.5%200%200%201-.115-.012L8%2019.963V16.02l7.329-.908L10%2017l4.721%202.232l.317.127l.328-.093l4.316-1.217l.264%201.042ZM9%202v11l8.18-5.5Zm2%203.76l2.6%201.74L11%209.25Z%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%22m20.977%2019.09l-.388-1.532a.75.75%200%200%200-.356-.466a.76.76%200%200%200-.587-.072l-4.552%201.284L12%2017l3.915-1.003a1.9%201.9%200%200%200%20.558-.893L16.166%2014L8%2015H3v6h5l4.455.964a3.2%203.2%200%200%200%20.727-.017l7.26-1.954a.76.76%200%200%200%20.454-.344a.74.74%200%200%200%20.081-.56M6%2020H4v-4h2zm6.922.982a.6.6%200%200%201-.138.018a.5.5%200%200%201-.115-.012L8%2019.963V16.02l7.329-.908L10%2017l4.721%202.232l.317.127l.328-.093l4.316-1.217l.264%201.042ZM9%202v11l8.18-5.5Zm2%203.76l2.6%201.74L11%209.25Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/eos-icons/service-instance-outlined.svg?color=%231a73e8&size=48
