comment locked icon
comment-locked-16 from Octicons by GitHub · 16 · MIT Free for personal and commercial use.
- Name
- comment-locked-16
- Set
- Octicons
- Style
- 16
- Viewbox
- 16×16
- License
- MIT
Related icons in Octicons
Use the comment locked icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M12 6a3 3 0 0 1 3 3v1.168c.591.281 1 .884 1 1.582v2.5A1.75 1.75 0 0 1 14.25 16h-4.5A1.75 1.75 0 0 1 8 14.25v-2.5c0-.698.409-1.301 1-1.582V9a3 3 0 0 1 3-3m0 1.5A1.5 1.5 0 0 0 10.5 9v1h3V9A1.5 1.5 0 0 0 12 7.5"/><path fill="currentColor" d="M10.25 1A1.75 1.75 0 0 1 12 2.75v1.5a.75.75 0 0 1-1.5 0v-1.5a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25v5.5a.25.25 0 0 0 .25.25h1c.199 0 .39.079.53.22c.141.14.22.331.22.53v2.19l2.72-2.72a.75.75 0 0 1 .53-.22h.35a.75.75 0 0 1 0 1.5h-.039l-2.574 2.573A1.457 1.457 0 0 1 2 11.543V10h-.25A1.75 1.75 0 0 1 0 8.25v-5.5A1.75 1.75 0 0 1 1.75 1zm4 2c.966 0 1.75.784 1.75 1.75v.75q0-.091-.006-.164A.75.75 0 0 1 14.5 5.25v-.5a.25.25 0 0 0-.25-.25h-.5a.75.75 0 0 1-.53-.22a.747.747 0 0 1 0-1.06a.75.75 0 0 1 .53-.22z"/></svg>
React
import type { SVGProps } from "react";
export function OcticonCommentLocked16(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M12 6a3 3 0 0 1 3 3v1.168c.591.281 1 .884 1 1.582v2.5A1.75 1.75 0 0 1 14.25 16h-4.5A1.75 1.75 0 0 1 8 14.25v-2.5c0-.698.409-1.301 1-1.582V9a3 3 0 0 1 3-3m0 1.5A1.5 1.5 0 0 0 10.5 9v1h3V9A1.5 1.5 0 0 0 12 7.5"/><path fill="currentColor" d="M10.25 1A1.75 1.75 0 0 1 12 2.75v1.5a.75.75 0 0 1-1.5 0v-1.5a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25v5.5a.25.25 0 0 0 .25.25h1c.199 0 .39.079.53.22c.141.14.22.331.22.53v2.19l2.72-2.72a.75.75 0 0 1 .53-.22h.35a.75.75 0 0 1 0 1.5h-.039l-2.574 2.573A1.457 1.457 0 0 1 2 11.543V10h-.25A1.75 1.75 0 0 1 0 8.25v-5.5A1.75 1.75 0 0 1 1.75 1zm4 2c.966 0 1.75.784 1.75 1.75v.75q0-.091-.006-.164A.75.75 0 0 1 14.5 5.25v-.5a.25.25 0 0 0-.25-.25h-.5a.75.75 0 0 1-.53-.22a.747.747 0 0 1 0-1.06a.75.75 0 0 1 .53-.22z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M12 6a3 3 0 0 1 3 3v1.168c.591.281 1 .884 1 1.582v2.5A1.75 1.75 0 0 1 14.25 16h-4.5A1.75 1.75 0 0 1 8 14.25v-2.5c0-.698.409-1.301 1-1.582V9a3 3 0 0 1 3-3m0 1.5A1.5 1.5 0 0 0 10.5 9v1h3V9A1.5 1.5 0 0 0 12 7.5"/><path fill="currentColor" d="M10.25 1A1.75 1.75 0 0 1 12 2.75v1.5a.75.75 0 0 1-1.5 0v-1.5a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25v5.5a.25.25 0 0 0 .25.25h1c.199 0 .39.079.53.22c.141.14.22.331.22.53v2.19l2.72-2.72a.75.75 0 0 1 .53-.22h.35a.75.75 0 0 1 0 1.5h-.039l-2.574 2.573A1.457 1.457 0 0 1 2 11.543V10h-.25A1.75 1.75 0 0 1 0 8.25v-5.5A1.75 1.75 0 0 1 1.75 1zm4 2c.966 0 1.75.784 1.75 1.75v.75q0-.091-.006-.164A.75.75 0 0 1 14.5 5.25v-.5a.25.25 0 0 0-.25-.25h-.5a.75.75 0 0 1-.53-.22a.747.747 0 0 1 0-1.06a.75.75 0 0 1 .53-.22z"/></svg> </template>
CSS
.icon-comment-locked-16 {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%206a3%203%200%200%201%203%203v1.168c.591.281%201%20.884%201%201.582v2.5A1.75%201.75%200%200%201%2014.25%2016h-4.5A1.75%201.75%200%200%201%208%2014.25v-2.5c0-.698.409-1.301%201-1.582V9a3%203%200%200%201%203-3m0%201.5A1.5%201.5%200%200%200%2010.5%209v1h3V9A1.5%201.5%200%200%200%2012%207.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.25%201A1.75%201.75%200%200%201%2012%202.75v1.5a.75.75%200%200%201-1.5%200v-1.5a.25.25%200%200%200-.25-.25h-8.5a.25.25%200%200%200-.25.25v5.5a.25.25%200%200%200%20.25.25h1c.199%200%20.39.079.53.22c.141.14.22.331.22.53v2.19l2.72-2.72a.75.75%200%200%201%20.53-.22h.35a.75.75%200%200%201%200%201.5h-.039l-2.574%202.573A1.457%201.457%200%200%201%202%2011.543V10h-.25A1.75%201.75%200%200%201%200%208.25v-5.5A1.75%201.75%200%200%201%201.75%201zm4%202c.966%200%201.75.784%201.75%201.75v.75q0-.091-.006-.164A.75.75%200%200%201%2014.5%205.25v-.5a.25.25%200%200%200-.25-.25h-.5a.75.75%200%200%201-.53-.22a.747.747%200%200%201%200-1.06a.75.75%200%200%201%20.53-.22z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%206a3%203%200%200%201%203%203v1.168c.591.281%201%20.884%201%201.582v2.5A1.75%201.75%200%200%201%2014.25%2016h-4.5A1.75%201.75%200%200%201%208%2014.25v-2.5c0-.698.409-1.301%201-1.582V9a3%203%200%200%201%203-3m0%201.5A1.5%201.5%200%200%200%2010.5%209v1h3V9A1.5%201.5%200%200%200%2012%207.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.25%201A1.75%201.75%200%200%201%2012%202.75v1.5a.75.75%200%200%201-1.5%200v-1.5a.25.25%200%200%200-.25-.25h-8.5a.25.25%200%200%200-.25.25v5.5a.25.25%200%200%200%20.25.25h1c.199%200%20.39.079.53.22c.141.14.22.331.22.53v2.19l2.72-2.72a.75.75%200%200%201%20.53-.22h.35a.75.75%200%200%201%200%201.5h-.039l-2.574%202.573A1.457%201.457%200%200%201%202%2011.543V10h-.25A1.75%201.75%200%200%201%200%208.25v-5.5A1.75%201.75%200%200%201%201.75%201zm4%202c.966%200%201.75.784%201.75%201.75v.75q0-.091-.006-.164A.75.75%200%200%201%2014.5%205.25v-.5a.25.25%200%200%200-.25-.25h-.5a.75.75%200%200%201-.53-.22a.747.747%200%200%201%200-1.06a.75.75%200%200%201%20.53-.22z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/comment-locked-16.svg?color=%231a73e8&size=48
