readme logo
readme from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- readme
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the readme logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M29.35 4.361h-7.767a5.71 5.71 0 0 0-5.578 4.461a5.72 5.72 0 0 0-5.578-4.461H2.666A2.67 2.67 0 0 0-.001 7.028v13.656a2.67 2.67 0 0 0 2.667 2.667h4.983c5.678 0 7.372 1.355 8.183 4.167c.039.156.289.156.333 0c.817-2.811 2.511-4.167 8.183-4.167h4.983a2.67 2.67 0 0 0 2.667-2.667V7.034a2.67 2.67 0 0 0-2.65-2.672zM13.444 19.105a.19.19 0 0 1-.194.194H4.344a.193.193 0 0 1-.194-.194v-1.272c0-.105.083-.194.194-.194h8.911c.105 0 .194.083.194.194v1.272zm0-3.383a.193.193 0 0 1-.194.194H4.344a.193.193 0 0 1-.194-.194V14.45c0-.106.083-.194.194-.194h8.911c.105 0 .194.083.194.194v1.272zm0-3.383a.193.193 0 0 1-.194.194H4.344a.193.193 0 0 1-.194-.194v-1.272c0-.105.083-.194.194-.194h8.911c.105 0 .194.083.194.194v1.272zM27.85 19.1a.193.193 0 0 1-.194.194H18.75a.193.193 0 0 1-.194-.194v-1.272c0-.105.083-.194.194-.194h8.911c.106 0 .194.083.194.194V19.1zm0-3.383a.19.19 0 0 1-.194.194H18.75a.193.193 0 0 1-.194-.194v-1.272c0-.105.083-.194.194-.194h8.911c.106 0 .194.083.194.194v1.272zm0-3.384a.193.193 0 0 1-.194.194H18.75a.193.193 0 0 1-.194-.194v-1.267c0-.105.083-.194.194-.194h8.911c.106 0 .194.083.194.194v1.267z"/></svg>
React
import type { SVGProps } from "react";
export function CibReadme(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M29.35 4.361h-7.767a5.71 5.71 0 0 0-5.578 4.461a5.72 5.72 0 0 0-5.578-4.461H2.666A2.67 2.67 0 0 0-.001 7.028v13.656a2.67 2.67 0 0 0 2.667 2.667h4.983c5.678 0 7.372 1.355 8.183 4.167c.039.156.289.156.333 0c.817-2.811 2.511-4.167 8.183-4.167h4.983a2.67 2.67 0 0 0 2.667-2.667V7.034a2.67 2.67 0 0 0-2.65-2.672zM13.444 19.105a.19.19 0 0 1-.194.194H4.344a.193.193 0 0 1-.194-.194v-1.272c0-.105.083-.194.194-.194h8.911c.105 0 .194.083.194.194v1.272zm0-3.383a.193.193 0 0 1-.194.194H4.344a.193.193 0 0 1-.194-.194V14.45c0-.106.083-.194.194-.194h8.911c.105 0 .194.083.194.194v1.272zm0-3.383a.193.193 0 0 1-.194.194H4.344a.193.193 0 0 1-.194-.194v-1.272c0-.105.083-.194.194-.194h8.911c.105 0 .194.083.194.194v1.272zM27.85 19.1a.193.193 0 0 1-.194.194H18.75a.193.193 0 0 1-.194-.194v-1.272c0-.105.083-.194.194-.194h8.911c.106 0 .194.083.194.194V19.1zm0-3.383a.19.19 0 0 1-.194.194H18.75a.193.193 0 0 1-.194-.194v-1.272c0-.105.083-.194.194-.194h8.911c.106 0 .194.083.194.194v1.272zm0-3.384a.193.193 0 0 1-.194.194H18.75a.193.193 0 0 1-.194-.194v-1.267c0-.105.083-.194.194-.194h8.911c.106 0 .194.083.194.194v1.267z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M29.35 4.361h-7.767a5.71 5.71 0 0 0-5.578 4.461a5.72 5.72 0 0 0-5.578-4.461H2.666A2.67 2.67 0 0 0-.001 7.028v13.656a2.67 2.67 0 0 0 2.667 2.667h4.983c5.678 0 7.372 1.355 8.183 4.167c.039.156.289.156.333 0c.817-2.811 2.511-4.167 8.183-4.167h4.983a2.67 2.67 0 0 0 2.667-2.667V7.034a2.67 2.67 0 0 0-2.65-2.672zM13.444 19.105a.19.19 0 0 1-.194.194H4.344a.193.193 0 0 1-.194-.194v-1.272c0-.105.083-.194.194-.194h8.911c.105 0 .194.083.194.194v1.272zm0-3.383a.193.193 0 0 1-.194.194H4.344a.193.193 0 0 1-.194-.194V14.45c0-.106.083-.194.194-.194h8.911c.105 0 .194.083.194.194v1.272zm0-3.383a.193.193 0 0 1-.194.194H4.344a.193.193 0 0 1-.194-.194v-1.272c0-.105.083-.194.194-.194h8.911c.105 0 .194.083.194.194v1.272zM27.85 19.1a.193.193 0 0 1-.194.194H18.75a.193.193 0 0 1-.194-.194v-1.272c0-.105.083-.194.194-.194h8.911c.106 0 .194.083.194.194V19.1zm0-3.383a.19.19 0 0 1-.194.194H18.75a.193.193 0 0 1-.194-.194v-1.272c0-.105.083-.194.194-.194h8.911c.106 0 .194.083.194.194v1.272zm0-3.384a.193.193 0 0 1-.194.194H18.75a.193.193 0 0 1-.194-.194v-1.267c0-.105.083-.194.194-.194h8.911c.106 0 .194.083.194.194v1.267z"/></svg> </template>
CSS
.icon-readme {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M29.35%204.361h-7.767a5.71%205.71%200%200%200-5.578%204.461a5.72%205.72%200%200%200-5.578-4.461H2.666A2.67%202.67%200%200%200-.001%207.028v13.656a2.67%202.67%200%200%200%202.667%202.667h4.983c5.678%200%207.372%201.355%208.183%204.167c.039.156.289.156.333%200c.817-2.811%202.511-4.167%208.183-4.167h4.983a2.67%202.67%200%200%200%202.667-2.667V7.034a2.67%202.67%200%200%200-2.65-2.672zM13.444%2019.105a.19.19%200%200%201-.194.194H4.344a.193.193%200%200%201-.194-.194v-1.272c0-.105.083-.194.194-.194h8.911c.105%200%20.194.083.194.194v1.272zm0-3.383a.193.193%200%200%201-.194.194H4.344a.193.193%200%200%201-.194-.194V14.45c0-.106.083-.194.194-.194h8.911c.105%200%20.194.083.194.194v1.272zm0-3.383a.193.193%200%200%201-.194.194H4.344a.193.193%200%200%201-.194-.194v-1.272c0-.105.083-.194.194-.194h8.911c.105%200%20.194.083.194.194v1.272zM27.85%2019.1a.193.193%200%200%201-.194.194H18.75a.193.193%200%200%201-.194-.194v-1.272c0-.105.083-.194.194-.194h8.911c.106%200%20.194.083.194.194V19.1zm0-3.383a.19.19%200%200%201-.194.194H18.75a.193.193%200%200%201-.194-.194v-1.272c0-.105.083-.194.194-.194h8.911c.106%200%20.194.083.194.194v1.272zm0-3.384a.193.193%200%200%201-.194.194H18.75a.193.193%200%200%201-.194-.194v-1.267c0-.105.083-.194.194-.194h8.911c.106%200%20.194.083.194.194v1.267z%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M29.35%204.361h-7.767a5.71%205.71%200%200%200-5.578%204.461a5.72%205.72%200%200%200-5.578-4.461H2.666A2.67%202.67%200%200%200-.001%207.028v13.656a2.67%202.67%200%200%200%202.667%202.667h4.983c5.678%200%207.372%201.355%208.183%204.167c.039.156.289.156.333%200c.817-2.811%202.511-4.167%208.183-4.167h4.983a2.67%202.67%200%200%200%202.667-2.667V7.034a2.67%202.67%200%200%200-2.65-2.672zM13.444%2019.105a.19.19%200%200%201-.194.194H4.344a.193.193%200%200%201-.194-.194v-1.272c0-.105.083-.194.194-.194h8.911c.105%200%20.194.083.194.194v1.272zm0-3.383a.193.193%200%200%201-.194.194H4.344a.193.193%200%200%201-.194-.194V14.45c0-.106.083-.194.194-.194h8.911c.105%200%20.194.083.194.194v1.272zm0-3.383a.193.193%200%200%201-.194.194H4.344a.193.193%200%200%201-.194-.194v-1.272c0-.105.083-.194.194-.194h8.911c.105%200%20.194.083.194.194v1.272zM27.85%2019.1a.193.193%200%200%201-.194.194H18.75a.193.193%200%200%201-.194-.194v-1.272c0-.105.083-.194.194-.194h8.911c.106%200%20.194.083.194.194V19.1zm0-3.383a.19.19%200%200%201-.194.194H18.75a.193.193%200%200%201-.194-.194v-1.272c0-.105.083-.194.194-.194h8.911c.106%200%20.194.083.194.194v1.272zm0-3.384a.193.193%200%200%201-.194.194H18.75a.193.193%200%200%201-.194-.194v-1.267c0-.105.083-.194.194-.194h8.911c.106%200%20.194.083.194.194v1.267z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/readme.svg?color=%231a73e8&size=48
