circle pen icon
circle-pen-two-tone from Keyline Icons by Keyline Icons · Two Tone · MIT Free for personal and commercial use.
- Name
- circle-pen-two-tone
- Set
- Keyline Icons
- Style
- Two Tone
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
Related icons in Keyline Icons
circle-activitycircle-alertcircle-align-offset-bottomcircle-align-offset-leftcircle-align-offset-rightcircle-align-offset-topcircle-arrow-downcircle-arrow-down-leftcircle-arrow-down-rightcircle-arrow-leftcircle-arrow-rightcircle-arrow-u-turn-leftcircle-arrow-u-turn-rightcircle-arrow-upcircle-arrow-up-leftcircle-arrow-up-rightcircle-bar-chartcircle-bar-chart-2circle-bar-chart-2-downcircle-bar-chart-2-horizontal-endcircle-bar-chart-2-horizontal-startcircle-bar-chart-downcircle-bar-chart-horizontal-endcircle-bar-chart-horizontal-start
Use the circle pen icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M10.8714 14.4285L14.9962 12.7786C15.1219 12.7283 15.2361 12.653 15.3319 12.5572L21.1945 6.6945C22.2685 5.6206 22.2685 3.8794 21.1945 2.8055C20.1206 1.7315 18.3794 1.7315 17.3055 2.8055L11.4428 8.6681C11.347 8.7639 11.2717 8.8781 11.2214 9.0038L9.5715 13.1286C9.423 13.5 9.51 13.9242 9.7929 14.2071C10.0758 14.49 10.5 14.577 10.8714 14.4285Z" stroke="none"/><path d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12M10.5 13.5L14.6248 11.8501L20.4874 5.9874C21.1709 5.304 21.1709 4.196 20.4874 3.5126C19.804 2.8291 18.696 2.8291 18.0126 3.5126L12.1499 9.3752Z"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsCirclePenTwoTone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillOpacity=".4" d="M10.8714 14.4285L14.9962 12.7786C15.1219 12.7283 15.2361 12.653 15.3319 12.5572L21.1945 6.6945C22.2685 5.6206 22.2685 3.8794 21.1945 2.8055C20.1206 1.7315 18.3794 1.7315 17.3055 2.8055L11.4428 8.6681C11.347 8.7639 11.2717 8.8781 11.2214 9.0038L9.5715 13.1286C9.423 13.5 9.51 13.9242 9.7929 14.2071C10.0758 14.49 10.5 14.577 10.8714 14.4285Z" stroke="none"/><path d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12M10.5 13.5L14.6248 11.8501L20.4874 5.9874C21.1709 5.304 21.1709 4.196 20.4874 3.5126C19.804 2.8291 18.696 2.8291 18.0126 3.5126L12.1499 9.3752Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M10.8714 14.4285L14.9962 12.7786C15.1219 12.7283 15.2361 12.653 15.3319 12.5572L21.1945 6.6945C22.2685 5.6206 22.2685 3.8794 21.1945 2.8055C20.1206 1.7315 18.3794 1.7315 17.3055 2.8055L11.4428 8.6681C11.347 8.7639 11.2717 8.8781 11.2214 9.0038L9.5715 13.1286C9.423 13.5 9.51 13.9242 9.7929 14.2071C10.0758 14.49 10.5 14.577 10.8714 14.4285Z" stroke="none"/><path d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12M10.5 13.5L14.6248 11.8501L20.4874 5.9874C21.1709 5.304 21.1709 4.196 20.4874 3.5126C19.804 2.8291 18.696 2.8291 18.0126 3.5126L12.1499 9.3752Z"/></g></svg> </template>
CSS
.icon-circle-pen-two-tone {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M10.8714%2014.4285L14.9962%2012.7786C15.1219%2012.7283%2015.2361%2012.653%2015.3319%2012.5572L21.1945%206.6945C22.2685%205.6206%2022.2685%203.8794%2021.1945%202.8055C20.1206%201.7315%2018.3794%201.7315%2017.3055%202.8055L11.4428%208.6681C11.347%208.7639%2011.2717%208.8781%2011.2214%209.0038L9.5715%2013.1286C9.423%2013.5%209.51%2013.9242%209.7929%2014.2071C10.0758%2014.49%2010.5%2014.577%2010.8714%2014.4285Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%202C6.47715%202%202%206.47715%202%2012C2%2017.5228%206.47715%2022%2012%2022C17.5228%2022%2022%2017.5228%2022%2012M10.5%2013.5L14.6248%2011.8501L20.4874%205.9874C21.1709%205.304%2021.1709%204.196%2020.4874%203.5126C19.804%202.8291%2018.696%202.8291%2018.0126%203.5126L12.1499%209.3752Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M10.8714%2014.4285L14.9962%2012.7786C15.1219%2012.7283%2015.2361%2012.653%2015.3319%2012.5572L21.1945%206.6945C22.2685%205.6206%2022.2685%203.8794%2021.1945%202.8055C20.1206%201.7315%2018.3794%201.7315%2017.3055%202.8055L11.4428%208.6681C11.347%208.7639%2011.2717%208.8781%2011.2214%209.0038L9.5715%2013.1286C9.423%2013.5%209.51%2013.9242%209.7929%2014.2071C10.0758%2014.49%2010.5%2014.577%2010.8714%2014.4285Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%202C6.47715%202%202%206.47715%202%2012C2%2017.5228%206.47715%2022%2012%2022C17.5228%2022%2022%2017.5228%2022%2012M10.5%2013.5L14.6248%2011.8501L20.4874%205.9874C21.1709%205.304%2021.1709%204.196%2020.4874%203.5126C19.804%202.8291%2018.696%202.8291%2018.0126%203.5126L12.1499%209.3752Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/circle-pen-two-tone.svg?color=%231a73e8&size=48
