contour edit icon
contour-edit from Carbon by IBM · Outline · Apache-2.0 Free for personal and commercial use.
- Name
- contour-edit
- Set
- Carbon
- Style
- Outline
- Viewbox
- 32×32
- License
- Apache 2.0
Related icons in Carbon
Use the contour edit icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs/><path d="M16 30v-2a12.002 12.002 0 0 0 3.692-23.421l.616-1.904A14.002 14.002 0 0 1 16 30z" fill="currentColor"/><path d="M7.7 4.7a14.703 14.703 0 0 0-3 3.1L6.3 9a13.263 13.263 0 0 1 2.6-2.7z" fill="currentColor"/><path d="M4.6 12.3l-1.9-.6A12.511 12.511 0 0 0 2 16h2a11.476 11.476 0 0 1 .6-3.7z" fill="currentColor"/><path d="M11.7 2.7l.6 1.9A11.476 11.476 0 0 1 16 4V2a12.511 12.511 0 0 0-4.3.7z" fill="currentColor"/><path d="M15.402 24.248a11.949 11.949 0 0 0-1.718-3.335l1.613-1.183a13.949 13.949 0 0 1 2.005 3.893z" fill="currentColor"/><path d="M11.02 18.267a11.921 11.921 0 0 0-3.347-1.694l.612-1.905a13.924 13.924 0 0 1 3.907 1.978z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function CarbonContourEdit(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs/><path d="M16 30v-2a12.002 12.002 0 0 0 3.692-23.421l.616-1.904A14.002 14.002 0 0 1 16 30z" fill="currentColor"/><path d="M7.7 4.7a14.703 14.703 0 0 0-3 3.1L6.3 9a13.263 13.263 0 0 1 2.6-2.7z" fill="currentColor"/><path d="M4.6 12.3l-1.9-.6A12.511 12.511 0 0 0 2 16h2a11.476 11.476 0 0 1 .6-3.7z" fill="currentColor"/><path d="M11.7 2.7l.6 1.9A11.476 11.476 0 0 1 16 4V2a12.511 12.511 0 0 0-4.3.7z" fill="currentColor"/><path d="M15.402 24.248a11.949 11.949 0 0 0-1.718-3.335l1.613-1.183a13.949 13.949 0 0 1 2.005 3.893z" fill="currentColor"/><path d="M11.02 18.267a11.921 11.921 0 0 0-3.347-1.694l.612-1.905a13.924 13.924 0 0 1 3.907 1.978z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs/><path d="M16 30v-2a12.002 12.002 0 0 0 3.692-23.421l.616-1.904A14.002 14.002 0 0 1 16 30z" fill="currentColor"/><path d="M7.7 4.7a14.703 14.703 0 0 0-3 3.1L6.3 9a13.263 13.263 0 0 1 2.6-2.7z" fill="currentColor"/><path d="M4.6 12.3l-1.9-.6A12.511 12.511 0 0 0 2 16h2a11.476 11.476 0 0 1 .6-3.7z" fill="currentColor"/><path d="M11.7 2.7l.6 1.9A11.476 11.476 0 0 1 16 4V2a12.511 12.511 0 0 0-4.3.7z" fill="currentColor"/><path d="M15.402 24.248a11.949 11.949 0 0 0-1.718-3.335l1.613-1.183a13.949 13.949 0 0 1 2.005 3.893z" fill="currentColor"/><path d="M11.02 18.267a11.921 11.921 0 0 0-3.347-1.694l.612-1.905a13.924 13.924 0 0 1 3.907 1.978z" fill="currentColor"/></svg> </template>
CSS
.icon-contour-edit {
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%3Cdefs%2F%3E%3Cpath%20d%3D%22M16%2030v-2a12.002%2012.002%200%200%200%203.692-23.421l.616-1.904A14.002%2014.002%200%200%201%2016%2030z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M7.7%204.7a14.703%2014.703%200%200%200-3%203.1L6.3%209a13.263%2013.263%200%200%201%202.6-2.7z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M4.6%2012.3l-1.9-.6A12.511%2012.511%200%200%200%202%2016h2a11.476%2011.476%200%200%201%20.6-3.7z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M11.7%202.7l.6%201.9A11.476%2011.476%200%200%201%2016%204V2a12.511%2012.511%200%200%200-4.3.7z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M15.402%2024.248a11.949%2011.949%200%200%200-1.718-3.335l1.613-1.183a13.949%2013.949%200%200%201%202.005%203.893z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M11.02%2018.267a11.921%2011.921%200%200%200-3.347-1.694l.612-1.905a13.924%2013.924%200%200%201%203.907%201.978z%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%3Cdefs%2F%3E%3Cpath%20d%3D%22M16%2030v-2a12.002%2012.002%200%200%200%203.692-23.421l.616-1.904A14.002%2014.002%200%200%201%2016%2030z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M7.7%204.7a14.703%2014.703%200%200%200-3%203.1L6.3%209a13.263%2013.263%200%200%201%202.6-2.7z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M4.6%2012.3l-1.9-.6A12.511%2012.511%200%200%200%202%2016h2a11.476%2011.476%200%200%201%20.6-3.7z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M11.7%202.7l.6%201.9A11.476%2011.476%200%200%201%2016%204V2a12.511%2012.511%200%200%200-4.3.7z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M15.402%2024.248a11.949%2011.949%200%200%200-1.718-3.335l1.613-1.183a13.949%2013.949%200%200%201%202.005%203.893z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M11.02%2018.267a11.921%2011.921%200%200%200-3.347-1.694l.612-1.905a13.924%2013.924%200%200%201%203.907%201.978z%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/contour-edit.svg?color=%231a73e8&size=48
