service levels icon
service-levels from Carbon by IBM · Outline · Organization · Apache-2.0 Free for personal and commercial use.
- Name
- service-levels
- Set
- Carbon
- Style
- Outline
- Category
- Organization
- Viewbox
- 32×32
- License
- Apache 2.0
More organization icons from Carbon
Use the service levels icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><circle cx="7" cy="19" r="1" fill="currentColor"/><circle cx="16" cy="11" r="1" fill="currentColor"/><circle cx="25" cy="19" r="1" fill="currentColor"/><circle cx="10" cy="14" r="1" fill="currentColor"/><path fill="currentColor" d="M30 20h-2c0-1.262-.195-2.504-.579-3.693l1.904-.615C29.773 17.08 30 18.53 30 20m-.15-11.022l-2.436 2.436A2 2 0 0 1 26 12a2.002 2.002 0 0 1-1.414-3.414l2.437-2.437A4 4 0 0 0 26 6c-2.206 0-4 1.795-4 4c0 .74.215 1.425.567 2.02l-4.548 4.548a3.95 3.95 0 0 0-2.02-.567c-2.205 0-4 1.794-4 4s1.795 4 4 4s4-1.795 4-4c0-.74-.214-1.424-.566-2.02l4.548-4.547a3.95 3.95 0 0 0 2.019.567c2.206 0 4-1.795 4-4a4 4 0 0 0-.15-1.023M16 22c-1.103 0-2-.897-2-2s.897-2 2-2s2 .898 2 2s-.897 2-2 2M4 20H2C2 12.28 8.28 6 16 6c1.47 0 2.92.227 4.307.675l-.614 1.904A12 12 0 0 0 16 8C9.383 8 4 13.383 4 20"/></svg>
React
import type { SVGProps } from "react";
export function CarbonServiceLevels(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><circle cx="7" cy="19" r="1" fill="currentColor"/><circle cx="16" cy="11" r="1" fill="currentColor"/><circle cx="25" cy="19" r="1" fill="currentColor"/><circle cx="10" cy="14" r="1" fill="currentColor"/><path fill="currentColor" d="M30 20h-2c0-1.262-.195-2.504-.579-3.693l1.904-.615C29.773 17.08 30 18.53 30 20m-.15-11.022l-2.436 2.436A2 2 0 0 1 26 12a2.002 2.002 0 0 1-1.414-3.414l2.437-2.437A4 4 0 0 0 26 6c-2.206 0-4 1.795-4 4c0 .74.215 1.425.567 2.02l-4.548 4.548a3.95 3.95 0 0 0-2.02-.567c-2.205 0-4 1.794-4 4s1.795 4 4 4s4-1.795 4-4c0-.74-.214-1.424-.566-2.02l4.548-4.547a3.95 3.95 0 0 0 2.019.567c2.206 0 4-1.795 4-4a4 4 0 0 0-.15-1.023M16 22c-1.103 0-2-.897-2-2s.897-2 2-2s2 .898 2 2s-.897 2-2 2M4 20H2C2 12.28 8.28 6 16 6c1.47 0 2.92.227 4.307.675l-.614 1.904A12 12 0 0 0 16 8C9.383 8 4 13.383 4 20"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><circle cx="7" cy="19" r="1" fill="currentColor"/><circle cx="16" cy="11" r="1" fill="currentColor"/><circle cx="25" cy="19" r="1" fill="currentColor"/><circle cx="10" cy="14" r="1" fill="currentColor"/><path fill="currentColor" d="M30 20h-2c0-1.262-.195-2.504-.579-3.693l1.904-.615C29.773 17.08 30 18.53 30 20m-.15-11.022l-2.436 2.436A2 2 0 0 1 26 12a2.002 2.002 0 0 1-1.414-3.414l2.437-2.437A4 4 0 0 0 26 6c-2.206 0-4 1.795-4 4c0 .74.215 1.425.567 2.02l-4.548 4.548a3.95 3.95 0 0 0-2.02-.567c-2.205 0-4 1.794-4 4s1.795 4 4 4s4-1.795 4-4c0-.74-.214-1.424-.566-2.02l4.548-4.547a3.95 3.95 0 0 0 2.019.567c2.206 0 4-1.795 4-4a4 4 0 0 0-.15-1.023M16 22c-1.103 0-2-.897-2-2s.897-2 2-2s2 .898 2 2s-.897 2-2 2M4 20H2C2 12.28 8.28 6 16 6c1.47 0 2.92.227 4.307.675l-.614 1.904A12 12 0 0 0 16 8C9.383 8 4 13.383 4 20"/></svg> </template>
CSS
.icon-service-levels {
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%3Ccircle%20cx%3D%227%22%20cy%3D%2219%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2219%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2214%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M30%2020h-2c0-1.262-.195-2.504-.579-3.693l1.904-.615C29.773%2017.08%2030%2018.53%2030%2020m-.15-11.022l-2.436%202.436A2%202%200%200%201%2026%2012a2.002%202.002%200%200%201-1.414-3.414l2.437-2.437A4%204%200%200%200%2026%206c-2.206%200-4%201.795-4%204c0%20.74.215%201.425.567%202.02l-4.548%204.548a3.95%203.95%200%200%200-2.02-.567c-2.205%200-4%201.794-4%204s1.795%204%204%204s4-1.795%204-4c0-.74-.214-1.424-.566-2.02l4.548-4.547a3.95%203.95%200%200%200%202.019.567c2.206%200%204-1.795%204-4a4%204%200%200%200-.15-1.023M16%2022c-1.103%200-2-.897-2-2s.897-2%202-2s2%20.898%202%202s-.897%202-2%202M4%2020H2C2%2012.28%208.28%206%2016%206c1.47%200%202.92.227%204.307.675l-.614%201.904A12%2012%200%200%200%2016%208C9.383%208%204%2013.383%204%2020%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%3Ccircle%20cx%3D%227%22%20cy%3D%2219%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2219%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2214%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M30%2020h-2c0-1.262-.195-2.504-.579-3.693l1.904-.615C29.773%2017.08%2030%2018.53%2030%2020m-.15-11.022l-2.436%202.436A2%202%200%200%201%2026%2012a2.002%202.002%200%200%201-1.414-3.414l2.437-2.437A4%204%200%200%200%2026%206c-2.206%200-4%201.795-4%204c0%20.74.215%201.425.567%202.02l-4.548%204.548a3.95%203.95%200%200%200-2.02-.567c-2.205%200-4%201.794-4%204s1.795%204%204%204s4-1.795%204-4c0-.74-.214-1.424-.566-2.02l4.548-4.547a3.95%203.95%200%200%200%202.019.567c2.206%200%204-1.795%204-4a4%204%200%200%200-.15-1.023M16%2022c-1.103%200-2-.897-2-2s.897-2%202-2s2%20.898%202%202s-.897%202-2%202M4%2020H2C2%2012.28%208.28%206%2016%206c1.47%200%202.92.227%204.307.675l-.614%201.904A12%2012%200%200%200%2016%208C9.383%208%204%2013.383%204%2020%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/service-levels.svg?color=%231a73e8&size=48
