code of conduct icon
code-of-conduct-24 from Octicons by GitHub · 24 · MIT Free for personal and commercial use.
- Name
- code-of-conduct-24
- Set
- Octicons
- Style
- 24
- Viewbox
- 24×24
- License
- MIT
1 other variant in Octicons
The same icon in other sets
Related icons in Octicons
Use the code of conduct icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.828 4.328C5.26 1.896 9.5 1.881 11.935 4.317q.036.036.067.076c1.391-1.078 2.993-1.886 4.777-1.89a6.22 6.22 0 0 1 4.424 1.825c.559.56 1.023 1.165 1.34 1.922s.47 1.617.468 2.663c0 2.972-2.047 5.808-4.269 8.074c-2.098 2.14-4.507 3.924-5.974 5.009l-.311.23a.75.75 0 0 1-.897 0l-.312-.23c-1.466-1.085-3.875-2.869-5.973-5.009c-2.22-2.263-4.264-5.095-4.27-8.063a6.22 6.22 0 0 1 1.823-4.596m8.033 1.042c-1.846-1.834-5.124-1.823-6.969.022a4.7 4.7 0 0 0-1.382 3.52c0 2.332 1.65 4.79 3.839 7.022c1.947 1.986 4.184 3.66 5.66 4.752a78 78 0 0 0 2.159-1.645l-2.14-1.974a.752.752 0 0 1 1.02-1.106l2.295 2.118c.616-.52 1.242-1.08 1.85-1.672l-2.16-1.992a.753.753 0 0 1 1.021-1.106l2.188 2.02a19 19 0 0 0 1.528-1.877l-.585-.586l-1.651-1.652c-1.078-1.074-2.837-1.055-3.935.043c-.379.38-.76.758-1.132 1.126c-1.14 1.124-2.96 1.077-4.07-.043q-.733-.742-1.475-1.482a.75.75 0 0 1-.04-1.019q.351-.416.745-.893c.928-1.12 2.023-2.442 3.234-3.576m9.725 6.77c.579-1.08.92-2.167.92-3.228c.002-.899-.128-1.552-.35-2.08c-.22-.526-.551-.974-1.017-1.44a4.7 4.7 0 0 0-3.356-1.384c-1.66.004-3.25.951-4.77 2.346c-1.18 1.084-2.233 2.353-3.188 3.506l-.351.423q.497.498.993.998a1.375 1.375 0 0 0 1.943.03c.37-.365.748-.74 1.125-1.118c1.662-1.663 4.373-1.726 6.06-.045c.56.558 1.12 1.12 1.658 1.658Z"/></svg>
React
import type { SVGProps } from "react";
export function OcticonCodeOfConduct24(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="M2.828 4.328C5.26 1.896 9.5 1.881 11.935 4.317q.036.036.067.076c1.391-1.078 2.993-1.886 4.777-1.89a6.22 6.22 0 0 1 4.424 1.825c.559.56 1.023 1.165 1.34 1.922s.47 1.617.468 2.663c0 2.972-2.047 5.808-4.269 8.074c-2.098 2.14-4.507 3.924-5.974 5.009l-.311.23a.75.75 0 0 1-.897 0l-.312-.23c-1.466-1.085-3.875-2.869-5.973-5.009c-2.22-2.263-4.264-5.095-4.27-8.063a6.22 6.22 0 0 1 1.823-4.596m8.033 1.042c-1.846-1.834-5.124-1.823-6.969.022a4.7 4.7 0 0 0-1.382 3.52c0 2.332 1.65 4.79 3.839 7.022c1.947 1.986 4.184 3.66 5.66 4.752a78 78 0 0 0 2.159-1.645l-2.14-1.974a.752.752 0 0 1 1.02-1.106l2.295 2.118c.616-.52 1.242-1.08 1.85-1.672l-2.16-1.992a.753.753 0 0 1 1.021-1.106l2.188 2.02a19 19 0 0 0 1.528-1.877l-.585-.586l-1.651-1.652c-1.078-1.074-2.837-1.055-3.935.043c-.379.38-.76.758-1.132 1.126c-1.14 1.124-2.96 1.077-4.07-.043q-.733-.742-1.475-1.482a.75.75 0 0 1-.04-1.019q.351-.416.745-.893c.928-1.12 2.023-2.442 3.234-3.576m9.725 6.77c.579-1.08.92-2.167.92-3.228c.002-.899-.128-1.552-.35-2.08c-.22-.526-.551-.974-1.017-1.44a4.7 4.7 0 0 0-3.356-1.384c-1.66.004-3.25.951-4.77 2.346c-1.18 1.084-2.233 2.353-3.188 3.506l-.351.423q.497.498.993.998a1.375 1.375 0 0 0 1.943.03c.37-.365.748-.74 1.125-1.118c1.662-1.663 4.373-1.726 6.06-.045c.56.558 1.12 1.12 1.658 1.658Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.828 4.328C5.26 1.896 9.5 1.881 11.935 4.317q.036.036.067.076c1.391-1.078 2.993-1.886 4.777-1.89a6.22 6.22 0 0 1 4.424 1.825c.559.56 1.023 1.165 1.34 1.922s.47 1.617.468 2.663c0 2.972-2.047 5.808-4.269 8.074c-2.098 2.14-4.507 3.924-5.974 5.009l-.311.23a.75.75 0 0 1-.897 0l-.312-.23c-1.466-1.085-3.875-2.869-5.973-5.009c-2.22-2.263-4.264-5.095-4.27-8.063a6.22 6.22 0 0 1 1.823-4.596m8.033 1.042c-1.846-1.834-5.124-1.823-6.969.022a4.7 4.7 0 0 0-1.382 3.52c0 2.332 1.65 4.79 3.839 7.022c1.947 1.986 4.184 3.66 5.66 4.752a78 78 0 0 0 2.159-1.645l-2.14-1.974a.752.752 0 0 1 1.02-1.106l2.295 2.118c.616-.52 1.242-1.08 1.85-1.672l-2.16-1.992a.753.753 0 0 1 1.021-1.106l2.188 2.02a19 19 0 0 0 1.528-1.877l-.585-.586l-1.651-1.652c-1.078-1.074-2.837-1.055-3.935.043c-.379.38-.76.758-1.132 1.126c-1.14 1.124-2.96 1.077-4.07-.043q-.733-.742-1.475-1.482a.75.75 0 0 1-.04-1.019q.351-.416.745-.893c.928-1.12 2.023-2.442 3.234-3.576m9.725 6.77c.579-1.08.92-2.167.92-3.228c.002-.899-.128-1.552-.35-2.08c-.22-.526-.551-.974-1.017-1.44a4.7 4.7 0 0 0-3.356-1.384c-1.66.004-3.25.951-4.77 2.346c-1.18 1.084-2.233 2.353-3.188 3.506l-.351.423q.497.498.993.998a1.375 1.375 0 0 0 1.943.03c.37-.365.748-.74 1.125-1.118c1.662-1.663 4.373-1.726 6.06-.045c.56.558 1.12 1.12 1.658 1.658Z"/></svg> </template>
CSS
.icon-code-of-conduct-24 {
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%22M2.828%204.328C5.26%201.896%209.5%201.881%2011.935%204.317q.036.036.067.076c1.391-1.078%202.993-1.886%204.777-1.89a6.22%206.22%200%200%201%204.424%201.825c.559.56%201.023%201.165%201.34%201.922s.47%201.617.468%202.663c0%202.972-2.047%205.808-4.269%208.074c-2.098%202.14-4.507%203.924-5.974%205.009l-.311.23a.75.75%200%200%201-.897%200l-.312-.23c-1.466-1.085-3.875-2.869-5.973-5.009c-2.22-2.263-4.264-5.095-4.27-8.063a6.22%206.22%200%200%201%201.823-4.596m8.033%201.042c-1.846-1.834-5.124-1.823-6.969.022a4.7%204.7%200%200%200-1.382%203.52c0%202.332%201.65%204.79%203.839%207.022c1.947%201.986%204.184%203.66%205.66%204.752a78%2078%200%200%200%202.159-1.645l-2.14-1.974a.752.752%200%200%201%201.02-1.106l2.295%202.118c.616-.52%201.242-1.08%201.85-1.672l-2.16-1.992a.753.753%200%200%201%201.021-1.106l2.188%202.02a19%2019%200%200%200%201.528-1.877l-.585-.586l-1.651-1.652c-1.078-1.074-2.837-1.055-3.935.043c-.379.38-.76.758-1.132%201.126c-1.14%201.124-2.96%201.077-4.07-.043q-.733-.742-1.475-1.482a.75.75%200%200%201-.04-1.019q.351-.416.745-.893c.928-1.12%202.023-2.442%203.234-3.576m9.725%206.77c.579-1.08.92-2.167.92-3.228c.002-.899-.128-1.552-.35-2.08c-.22-.526-.551-.974-1.017-1.44a4.7%204.7%200%200%200-3.356-1.384c-1.66.004-3.25.951-4.77%202.346c-1.18%201.084-2.233%202.353-3.188%203.506l-.351.423q.497.498.993.998a1.375%201.375%200%200%200%201.943.03c.37-.365.748-.74%201.125-1.118c1.662-1.663%204.373-1.726%206.06-.045c.56.558%201.12%201.12%201.658%201.658Z%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%22M2.828%204.328C5.26%201.896%209.5%201.881%2011.935%204.317q.036.036.067.076c1.391-1.078%202.993-1.886%204.777-1.89a6.22%206.22%200%200%201%204.424%201.825c.559.56%201.023%201.165%201.34%201.922s.47%201.617.468%202.663c0%202.972-2.047%205.808-4.269%208.074c-2.098%202.14-4.507%203.924-5.974%205.009l-.311.23a.75.75%200%200%201-.897%200l-.312-.23c-1.466-1.085-3.875-2.869-5.973-5.009c-2.22-2.263-4.264-5.095-4.27-8.063a6.22%206.22%200%200%201%201.823-4.596m8.033%201.042c-1.846-1.834-5.124-1.823-6.969.022a4.7%204.7%200%200%200-1.382%203.52c0%202.332%201.65%204.79%203.839%207.022c1.947%201.986%204.184%203.66%205.66%204.752a78%2078%200%200%200%202.159-1.645l-2.14-1.974a.752.752%200%200%201%201.02-1.106l2.295%202.118c.616-.52%201.242-1.08%201.85-1.672l-2.16-1.992a.753.753%200%200%201%201.021-1.106l2.188%202.02a19%2019%200%200%200%201.528-1.877l-.585-.586l-1.651-1.652c-1.078-1.074-2.837-1.055-3.935.043c-.379.38-.76.758-1.132%201.126c-1.14%201.124-2.96%201.077-4.07-.043q-.733-.742-1.475-1.482a.75.75%200%200%201-.04-1.019q.351-.416.745-.893c.928-1.12%202.023-2.442%203.234-3.576m9.725%206.77c.579-1.08.92-2.167.92-3.228c.002-.899-.128-1.552-.35-2.08c-.22-.526-.551-.974-1.017-1.44a4.7%204.7%200%200%200-3.356-1.384c-1.66.004-3.25.951-4.77%202.346c-1.18%201.084-2.233%202.353-3.188%203.506l-.351.423q.497.498.993.998a1.375%201.375%200%200%200%201.943.03c.37-.365.748-.74%201.125-1.118c1.662-1.663%204.373-1.726%206.06-.045c.56.558%201.12%201.12%201.658%201.658Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/code-of-conduct-24.svg?color=%231a73e8&size=48
