bloglovin logo
bloglovin from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- bloglovin
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the bloglovin logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.526 11.695c1.84-.382 3.367-2.044 3.367-4.478c0-2.604-1.9-4.97-5.615-4.97H0v19.506h10.6c3.75 0 5.683-2.341 5.683-5.292c-.009-2.426-1.646-4.444-3.757-4.766m-8.37-5.793h5.207c1.407 0 2.28.849 2.28 2.044c0 1.255-.881 2.044-2.28 2.044H4.155zM9.54 18.098H4.155v-4.444h5.386c1.61 0 2.484.992 2.484 2.222c.009 1.399-.932 2.222-2.484 2.222zM21.396 2.28c-1.255 0-2.315 1.052-2.315 2.307s.882 2.103 1.993 2.103c.238 0 .467-.025.56-.085c-.238 1.052-1.315 2.282-2.256 2.782l1.611 1.314C22.796 9.422 24 7.462 24 5.266c0-1.9-1.23-2.985-2.604-2.985Z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsBloglovin(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="M12.526 11.695c1.84-.382 3.367-2.044 3.367-4.478c0-2.604-1.9-4.97-5.615-4.97H0v19.506h10.6c3.75 0 5.683-2.341 5.683-5.292c-.009-2.426-1.646-4.444-3.757-4.766m-8.37-5.793h5.207c1.407 0 2.28.849 2.28 2.044c0 1.255-.881 2.044-2.28 2.044H4.155zM9.54 18.098H4.155v-4.444h5.386c1.61 0 2.484.992 2.484 2.222c.009 1.399-.932 2.222-2.484 2.222zM21.396 2.28c-1.255 0-2.315 1.052-2.315 2.307s.882 2.103 1.993 2.103c.238 0 .467-.025.56-.085c-.238 1.052-1.315 2.282-2.256 2.782l1.611 1.314C22.796 9.422 24 7.462 24 5.266c0-1.9-1.23-2.985-2.604-2.985Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.526 11.695c1.84-.382 3.367-2.044 3.367-4.478c0-2.604-1.9-4.97-5.615-4.97H0v19.506h10.6c3.75 0 5.683-2.341 5.683-5.292c-.009-2.426-1.646-4.444-3.757-4.766m-8.37-5.793h5.207c1.407 0 2.28.849 2.28 2.044c0 1.255-.881 2.044-2.28 2.044H4.155zM9.54 18.098H4.155v-4.444h5.386c1.61 0 2.484.992 2.484 2.222c.009 1.399-.932 2.222-2.484 2.222zM21.396 2.28c-1.255 0-2.315 1.052-2.315 2.307s.882 2.103 1.993 2.103c.238 0 .467-.025.56-.085c-.238 1.052-1.315 2.282-2.256 2.782l1.611 1.314C22.796 9.422 24 7.462 24 5.266c0-1.9-1.23-2.985-2.604-2.985Z"/></svg> </template>
CSS
.icon-bloglovin {
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%22M12.526%2011.695c1.84-.382%203.367-2.044%203.367-4.478c0-2.604-1.9-4.97-5.615-4.97H0v19.506h10.6c3.75%200%205.683-2.341%205.683-5.292c-.009-2.426-1.646-4.444-3.757-4.766m-8.37-5.793h5.207c1.407%200%202.28.849%202.28%202.044c0%201.255-.881%202.044-2.28%202.044H4.155zM9.54%2018.098H4.155v-4.444h5.386c1.61%200%202.484.992%202.484%202.222c.009%201.399-.932%202.222-2.484%202.222zM21.396%202.28c-1.255%200-2.315%201.052-2.315%202.307s.882%202.103%201.993%202.103c.238%200%20.467-.025.56-.085c-.238%201.052-1.315%202.282-2.256%202.782l1.611%201.314C22.796%209.422%2024%207.462%2024%205.266c0-1.9-1.23-2.985-2.604-2.985Z%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%22M12.526%2011.695c1.84-.382%203.367-2.044%203.367-4.478c0-2.604-1.9-4.97-5.615-4.97H0v19.506h10.6c3.75%200%205.683-2.341%205.683-5.292c-.009-2.426-1.646-4.444-3.757-4.766m-8.37-5.793h5.207c1.407%200%202.28.849%202.28%202.044c0%201.255-.881%202.044-2.28%202.044H4.155zM9.54%2018.098H4.155v-4.444h5.386c1.61%200%202.484.992%202.484%202.222c.009%201.399-.932%202.222-2.484%202.222zM21.396%202.28c-1.255%200-2.315%201.052-2.315%202.307s.882%202.103%201.993%202.103c.238%200%20.467-.025.56-.085c-.238%201.052-1.315%202.282-2.256%202.782l1.611%201.314C22.796%209.422%2024%207.462%2024%205.266c0-1.9-1.23-2.985-2.604-2.985Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/bloglovin.svg?color=%231a73e8&size=48
