edge enhancement 01 icon

edge-enhancement-01 from Carbon by IBM · Outline · Apache-2.0 Free for personal and commercial use.

Name
edge-enhancement-01
Set
Carbon
Style
Outline
Viewbox
32×32
License
Apache 2.0

Related icons in Carbon

edge-clusteredge-deviceedge-enhancementedge-enhancement-02edge-enhancement-03edge-nodeedge-node-altedge-service

Use the edge enhancement 01 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="M26 28v-8h-2v1h-2v2h2v5h-2v2h6v-2h-2z" fill="currentColor"/><path d="M28 16h2A14 14 0 0 0 16 2v2a12 12 0 0 1 12 12z" fill="currentColor"/><path d="M26 16A10 10 0 0 0 16 6v10z" fill="currentColor"/><path d="M16 28a11.96 11.96 0 0 1-10.584-6.345c-.066-.127-.133-.254-.195-.384c-.055-.113-.106-.227-.157-.342A13.12 13.12 0 0 1 4.19 18l-1.968.413A13.917 13.917 0 0 0 2.7 20.3l-.025.009A13.961 13.961 0 0 0 16 30z" fill="currentColor"/><path d="M5.591 10L3.86 9a14.14 14.14 0 0 0-1.638 4.587l1.968.347A12.152 12.152 0 0 1 5.59 10z" fill="currentColor"/><path d="M11.816 4.765l-.683-1.878a13.976 13.976 0 0 0-4.182 2.44L8.236 6.86a11.973 11.973 0 0 1 3.58-2.094z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function CarbonEdgeEnhancement01(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="M26 28v-8h-2v1h-2v2h2v5h-2v2h6v-2h-2z" fill="currentColor"/><path d="M28 16h2A14 14 0 0 0 16 2v2a12 12 0 0 1 12 12z" fill="currentColor"/><path d="M26 16A10 10 0 0 0 16 6v10z" fill="currentColor"/><path d="M16 28a11.96 11.96 0 0 1-10.584-6.345c-.066-.127-.133-.254-.195-.384c-.055-.113-.106-.227-.157-.342A13.12 13.12 0 0 1 4.19 18l-1.968.413A13.917 13.917 0 0 0 2.7 20.3l-.025.009A13.961 13.961 0 0 0 16 30z" fill="currentColor"/><path d="M5.591 10L3.86 9a14.14 14.14 0 0 0-1.638 4.587l1.968.347A12.152 12.152 0 0 1 5.59 10z" fill="currentColor"/><path d="M11.816 4.765l-.683-1.878a13.976 13.976 0 0 0-4.182 2.44L8.236 6.86a11.973 11.973 0 0 1 3.58-2.094z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="M26 28v-8h-2v1h-2v2h2v5h-2v2h6v-2h-2z" fill="currentColor"/><path d="M28 16h2A14 14 0 0 0 16 2v2a12 12 0 0 1 12 12z" fill="currentColor"/><path d="M26 16A10 10 0 0 0 16 6v10z" fill="currentColor"/><path d="M16 28a11.96 11.96 0 0 1-10.584-6.345c-.066-.127-.133-.254-.195-.384c-.055-.113-.106-.227-.157-.342A13.12 13.12 0 0 1 4.19 18l-1.968.413A13.917 13.917 0 0 0 2.7 20.3l-.025.009A13.961 13.961 0 0 0 16 30z" fill="currentColor"/><path d="M5.591 10L3.86 9a14.14 14.14 0 0 0-1.638 4.587l1.968.347A12.152 12.152 0 0 1 5.59 10z" fill="currentColor"/><path d="M11.816 4.765l-.683-1.878a13.976 13.976 0 0 0-4.182 2.44L8.236 6.86a11.973 11.973 0 0 1 3.58-2.094z" fill="currentColor"/></svg>
</template>

CSS

.icon-edge-enhancement-01 {
  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%20d%3D%22M26%2028v-8h-2v1h-2v2h2v5h-2v2h6v-2h-2z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M28%2016h2A14%2014%200%200%200%2016%202v2a12%2012%200%200%201%2012%2012z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M26%2016A10%2010%200%200%200%2016%206v10z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M16%2028a11.96%2011.96%200%200%201-10.584-6.345c-.066-.127-.133-.254-.195-.384c-.055-.113-.106-.227-.157-.342A13.12%2013.12%200%200%201%204.19%2018l-1.968.413A13.917%2013.917%200%200%200%202.7%2020.3l-.025.009A13.961%2013.961%200%200%200%2016%2030z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M5.591%2010L3.86%209a14.14%2014.14%200%200%200-1.638%204.587l1.968.347A12.152%2012.152%200%200%201%205.59%2010z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M11.816%204.765l-.683-1.878a13.976%2013.976%200%200%200-4.182%202.44L8.236%206.86a11.973%2011.973%200%200%201%203.58-2.094z%22%20fill%3D%22currentColor%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%20d%3D%22M26%2028v-8h-2v1h-2v2h2v5h-2v2h6v-2h-2z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M28%2016h2A14%2014%200%200%200%2016%202v2a12%2012%200%200%201%2012%2012z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M26%2016A10%2010%200%200%200%2016%206v10z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M16%2028a11.96%2011.96%200%200%201-10.584-6.345c-.066-.127-.133-.254-.195-.384c-.055-.113-.106-.227-.157-.342A13.12%2013.12%200%200%201%204.19%2018l-1.968.413A13.917%2013.917%200%200%200%202.7%2020.3l-.025.009A13.961%2013.961%200%200%200%2016%2030z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M5.591%2010L3.86%209a14.14%2014.14%200%200%200-1.638%204.587l1.968.347A12.152%2012.152%200%200%201%205.59%2010z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M11.816%204.765l-.683-1.878a13.976%2013.976%200%200%200-4.182%202.44L8.236%206.86a11.973%2011.973%200%200%201%203.58-2.094z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/edge-enhancement-01.svg?color=%231a73e8&size=48