service outlined icon

service-outlined from EOS Icons by SUSE UX/UI team · Regular · MIT Free for personal and commercial use.

Name: service-outlined
Set: EOS Icons
Style: Regular
Viewbox: 24×24
License: MIT

Related icons in EOS Icons

service-instance service-instance-outlined service-plan service-plan-outlined

Use the service outlined icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9 4L7 6L5 8l2 2l2 2l.7-.7l.7-.7l-1.3-1.3L7.8 8l1.3-1.3l1.3-1.3l-.7-.7zm6 0l-.7.7l-.7.7l1.3 1.3L16.2 8l-1.3 1.3l-1.3 1.3l.7.7l.7.7l2-2l2-2l-2-2zm5.977 15.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.042Z"/></svg>

React

import type { SVGProps } from "react";

export function EosIconsServiceOutlined(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="M9 4L7 6L5 8l2 2l2 2l.7-.7l.7-.7l-1.3-1.3L7.8 8l1.3-1.3l1.3-1.3l-.7-.7zm6 0l-.7.7l-.7.7l1.3 1.3L16.2 8l-1.3 1.3l-1.3 1.3l.7.7l.7.7l2-2l2-2l-2-2zm5.977 15.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.042Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9 4L7 6L5 8l2 2l2 2l.7-.7l.7-.7l-1.3-1.3L7.8 8l1.3-1.3l1.3-1.3l-.7-.7zm6 0l-.7.7l-.7.7l1.3 1.3L16.2 8l-1.3 1.3l-1.3 1.3l.7.7l.7.7l2-2l2-2l-2-2zm5.977 15.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.042Z"/></svg>
</template>

CSS

.icon-service-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%22M9%204L7%206L5%208l2%202l2%202l.7-.7l.7-.7l-1.3-1.3L7.8%208l1.3-1.3l1.3-1.3l-.7-.7zm6%200l-.7.7l-.7.7l1.3%201.3L16.2%208l-1.3%201.3l-1.3%201.3l.7.7l.7.7l2-2l2-2l-2-2zm5.977%2015.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.042Z%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%22M9%204L7%206L5%208l2%202l2%202l.7-.7l.7-.7l-1.3-1.3L7.8%208l1.3-1.3l1.3-1.3l-.7-.7zm6%200l-.7.7l-.7.7l1.3%201.3L16.2%208l-1.3%201.3l-1.3%201.3l.7.7l.7.7l2-2l2-2l-2-2zm5.977%2015.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.042Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/eos-icons/service-outlined.svg?color=%231a73e8&size=48