read cv logo icon
read-cv-logo-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- read-cv-logo-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Use the read cv logo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m210.43 41.22l-130.25-23A14 14 0 0 0 64 29.58l-29.75 169a14 14 0 0 0 11.36 16.22l130.25 23a13.6 13.6 0 0 0 2.46.22a14 14 0 0 0 13.68-11.6l29.75-169a14 14 0 0 0-11.32-16.2M210 55.36l-29.75 169a2 2 0 0 1-.82 1.3a2 2 0 0 1-1.49.33L47.65 203a2 2 0 0 1-1.65-2.36l29.75-169a2 2 0 0 1 .82-1.3A2.06 2.06 0 0 1 78.1 30l130.25 23a2 2 0 0 1 1.65 2.36m-23.89 20.15a6 6 0 0 1-5.9 5a6 6 0 0 1-1.05-.09l-83-14.66a6 6 0 1 1 2.09-11.81l83 14.65a6 6 0 0 1 4.86 6.91M180.56 107a6 6 0 0 1-5.9 5a5.5 5.5 0 0 1-1-.1l-83-14.65a6 6 0 0 1 2.09-11.82l83 14.66a6 6 0 0 1 4.81 6.91m-47 24.19a6 6 0 0 1-5.91 4.95a6.4 6.4 0 0 1-1.05-.09l-41.49-7.33a6 6 0 1 1 2.09-11.81l41.49 7.32a6 6 0 0 1 4.84 6.99Z"/></svg>
React
import type { SVGProps } from "react";
export function PhReadCvLogoLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m210.43 41.22l-130.25-23A14 14 0 0 0 64 29.58l-29.75 169a14 14 0 0 0 11.36 16.22l130.25 23a13.6 13.6 0 0 0 2.46.22a14 14 0 0 0 13.68-11.6l29.75-169a14 14 0 0 0-11.32-16.2M210 55.36l-29.75 169a2 2 0 0 1-.82 1.3a2 2 0 0 1-1.49.33L47.65 203a2 2 0 0 1-1.65-2.36l29.75-169a2 2 0 0 1 .82-1.3A2.06 2.06 0 0 1 78.1 30l130.25 23a2 2 0 0 1 1.65 2.36m-23.89 20.15a6 6 0 0 1-5.9 5a6 6 0 0 1-1.05-.09l-83-14.66a6 6 0 1 1 2.09-11.81l83 14.65a6 6 0 0 1 4.86 6.91M180.56 107a6 6 0 0 1-5.9 5a5.5 5.5 0 0 1-1-.1l-83-14.65a6 6 0 0 1 2.09-11.82l83 14.66a6 6 0 0 1 4.81 6.91m-47 24.19a6 6 0 0 1-5.91 4.95a6.4 6.4 0 0 1-1.05-.09l-41.49-7.33a6 6 0 1 1 2.09-11.81l41.49 7.32a6 6 0 0 1 4.84 6.99Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m210.43 41.22l-130.25-23A14 14 0 0 0 64 29.58l-29.75 169a14 14 0 0 0 11.36 16.22l130.25 23a13.6 13.6 0 0 0 2.46.22a14 14 0 0 0 13.68-11.6l29.75-169a14 14 0 0 0-11.32-16.2M210 55.36l-29.75 169a2 2 0 0 1-.82 1.3a2 2 0 0 1-1.49.33L47.65 203a2 2 0 0 1-1.65-2.36l29.75-169a2 2 0 0 1 .82-1.3A2.06 2.06 0 0 1 78.1 30l130.25 23a2 2 0 0 1 1.65 2.36m-23.89 20.15a6 6 0 0 1-5.9 5a6 6 0 0 1-1.05-.09l-83-14.66a6 6 0 1 1 2.09-11.81l83 14.65a6 6 0 0 1 4.86 6.91M180.56 107a6 6 0 0 1-5.9 5a5.5 5.5 0 0 1-1-.1l-83-14.65a6 6 0 0 1 2.09-11.82l83 14.66a6 6 0 0 1 4.81 6.91m-47 24.19a6 6 0 0 1-5.91 4.95a6.4 6.4 0 0 1-1.05-.09l-41.49-7.33a6 6 0 1 1 2.09-11.81l41.49 7.32a6 6 0 0 1 4.84 6.99Z"/></svg> </template>
CSS
.icon-read-cv-logo-light {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m210.43%2041.22l-130.25-23A14%2014%200%200%200%2064%2029.58l-29.75%20169a14%2014%200%200%200%2011.36%2016.22l130.25%2023a13.6%2013.6%200%200%200%202.46.22a14%2014%200%200%200%2013.68-11.6l29.75-169a14%2014%200%200%200-11.32-16.2M210%2055.36l-29.75%20169a2%202%200%200%201-.82%201.3a2%202%200%200%201-1.49.33L47.65%20203a2%202%200%200%201-1.65-2.36l29.75-169a2%202%200%200%201%20.82-1.3A2.06%202.06%200%200%201%2078.1%2030l130.25%2023a2%202%200%200%201%201.65%202.36m-23.89%2020.15a6%206%200%200%201-5.9%205a6%206%200%200%201-1.05-.09l-83-14.66a6%206%200%201%201%202.09-11.81l83%2014.65a6%206%200%200%201%204.86%206.91M180.56%20107a6%206%200%200%201-5.9%205a5.5%205.5%200%200%201-1-.1l-83-14.65a6%206%200%200%201%202.09-11.82l83%2014.66a6%206%200%200%201%204.81%206.91m-47%2024.19a6%206%200%200%201-5.91%204.95a6.4%206.4%200%200%201-1.05-.09l-41.49-7.33a6%206%200%201%201%202.09-11.81l41.49%207.32a6%206%200%200%201%204.84%206.99Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m210.43%2041.22l-130.25-23A14%2014%200%200%200%2064%2029.58l-29.75%20169a14%2014%200%200%200%2011.36%2016.22l130.25%2023a13.6%2013.6%200%200%200%202.46.22a14%2014%200%200%200%2013.68-11.6l29.75-169a14%2014%200%200%200-11.32-16.2M210%2055.36l-29.75%20169a2%202%200%200%201-.82%201.3a2%202%200%200%201-1.49.33L47.65%20203a2%202%200%200%201-1.65-2.36l29.75-169a2%202%200%200%201%20.82-1.3A2.06%202.06%200%200%201%2078.1%2030l130.25%2023a2%202%200%200%201%201.65%202.36m-23.89%2020.15a6%206%200%200%201-5.9%205a6%206%200%200%201-1.05-.09l-83-14.66a6%206%200%201%201%202.09-11.81l83%2014.65a6%206%200%200%201%204.86%206.91M180.56%20107a6%206%200%200%201-5.9%205a5.5%205.5%200%200%201-1-.1l-83-14.65a6%206%200%200%201%202.09-11.82l83%2014.66a6%206%200%200%201%204.81%206.91m-47%2024.19a6%206%200%200%201-5.91%204.95a6.4%206.4%200%200%201-1.05-.09l-41.49-7.33a6%206%200%201%201%202.09-11.81l41.49%207.32a6%206%200%200%201%204.84%206.99Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/read-cv-logo-light.svg?color=%231a73e8&size=48
