edge enhancement icon
edge-enhancement from Carbon by IBM · Outline · Apache-2.0 Free for personal and commercial use.
- Name
- edge-enhancement
- Set
- Carbon
- Style
- Outline
- Viewbox
- 32×32
- License
- Apache 2.0
Related icons in Carbon
Use the edge enhancement icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><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"/><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="M16 26a10 10 0 0 0 0-20z" fill="currentColor"/><path d="M30 16A14 14 0 0 0 16 2v2a11.993 11.993 0 0 1 4.05 23.285c-.169.06-.335.13-.505.182c-.251.077-.51.136-.768.197c-.127.03-.25.07-.378.095c-.29.06-.588.098-.886.135c-.1.013-.198.035-.299.044a12.002 12.002 0 0 1-11.798-6.283c-.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 30q.713 0 1.415-.071c.135-.014.265-.042.4-.06c.328-.043.657-.084.98-.15c.18-.036.354-.09.532-.134c.268-.065.538-.125.802-.206c.247-.076.483-.172.724-.261c.18-.067.363-.121.541-.195v-.003A14.002 14.002 0 0 0 30 16z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function CarbonEdgeEnhancement(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><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"/><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="M16 26a10 10 0 0 0 0-20z" fill="currentColor"/><path d="M30 16A14 14 0 0 0 16 2v2a11.993 11.993 0 0 1 4.05 23.285c-.169.06-.335.13-.505.182c-.251.077-.51.136-.768.197c-.127.03-.25.07-.378.095c-.29.06-.588.098-.886.135c-.1.013-.198.035-.299.044a12.002 12.002 0 0 1-11.798-6.283c-.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 30q.713 0 1.415-.071c.135-.014.265-.042.4-.06c.328-.043.657-.084.98-.15c.18-.036.354-.09.532-.134c.268-.065.538-.125.802-.206c.247-.076.483-.172.724-.261c.18-.067.363-.121.541-.195v-.003A14.002 14.002 0 0 0 30 16z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><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"/><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="M16 26a10 10 0 0 0 0-20z" fill="currentColor"/><path d="M30 16A14 14 0 0 0 16 2v2a11.993 11.993 0 0 1 4.05 23.285c-.169.06-.335.13-.505.182c-.251.077-.51.136-.768.197c-.127.03-.25.07-.378.095c-.29.06-.588.098-.886.135c-.1.013-.198.035-.299.044a12.002 12.002 0 0 1-11.798-6.283c-.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 30q.713 0 1.415-.071c.135-.014.265-.042.4-.06c.328-.043.657-.084.98-.15c.18-.036.354-.09.532-.134c.268-.065.538-.125.802-.206c.247-.076.483-.172.724-.261c.18-.067.363-.121.541-.195v-.003A14.002 14.002 0 0 0 30 16z" fill="currentColor"/></svg> </template>
CSS
.icon-edge-enhancement {
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%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%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%22M16%2026a10%2010%200%200%200%200-20z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M30%2016A14%2014%200%200%200%2016%202v2a11.993%2011.993%200%200%201%204.05%2023.285c-.169.06-.335.13-.505.182c-.251.077-.51.136-.768.197c-.127.03-.25.07-.378.095c-.29.06-.588.098-.886.135c-.1.013-.198.035-.299.044a12.002%2012.002%200%200%201-11.798-6.283c-.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%2030q.713%200%201.415-.071c.135-.014.265-.042.4-.06c.328-.043.657-.084.98-.15c.18-.036.354-.09.532-.134c.268-.065.538-.125.802-.206c.247-.076.483-.172.724-.261c.18-.067.363-.121.541-.195v-.003A14.002%2014.002%200%200%200%2030%2016z%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%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%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%22M16%2026a10%2010%200%200%200%200-20z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M30%2016A14%2014%200%200%200%2016%202v2a11.993%2011.993%200%200%201%204.05%2023.285c-.169.06-.335.13-.505.182c-.251.077-.51.136-.768.197c-.127.03-.25.07-.378.095c-.29.06-.588.098-.886.135c-.1.013-.198.035-.299.044a12.002%2012.002%200%200%201-11.798-6.283c-.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%2030q.713%200%201.415-.071c.135-.014.265-.042.4-.06c.328-.043.657-.084.98-.15c.18-.036.354-.09.532-.134c.268-.065.538-.125.802-.206c.247-.076.483-.172.724-.261c.18-.067.363-.121.541-.195v-.003A14.002%2014.002%200%200%200%2030%2016z%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.svg?color=%231a73e8&size=48
