blogger icon
blogger from Unicons by Iconscout · Line · Brand Logos · Apache-2.0 Free for personal and commercial use.
- Name
- blogger
- Set
- Unicons
- Style
- Line
- Category
- Brand Logos
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
More brand logos icons from Unicons
Use the blogger icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.71 10.46h2.239a.77.77 0 1 0 0-1.542H9.71a.77.77 0 1 0 0 1.542m9.718-8.458H4.555a2.573 2.573 0 0 0-2.563 2.563v14.873a2.573 2.573 0 0 0 2.563 2.564h14.873a2.573 2.573 0 0 0 2.564-2.564V4.565a2.573 2.573 0 0 0-2.564-2.563m-1.072 9.678l-.02 2.675a4.05 4.05 0 0 1-4.038 4.022h-4.64a4.05 4.05 0 0 1-4.041-4.025V9.657a4.053 4.053 0 0 1 4.042-4.03h2.823a4.46 4.46 0 0 1 3.12 2.2a3.16 3.16 0 0 1 .362 1.367c.068.506.103.881.33 1.09c.32.289 1.508.094 1.743.278l.178.14l.11.221l.035.178Zm-4.097 1.863H9.71a.75.75 0 1 0 0 1.5h4.549a.75.75 0 1 0 0-1.5"/></svg>
React
import type { SVGProps } from "react";
export function UilBlogger(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="M9.71 10.46h2.239a.77.77 0 1 0 0-1.542H9.71a.77.77 0 1 0 0 1.542m9.718-8.458H4.555a2.573 2.573 0 0 0-2.563 2.563v14.873a2.573 2.573 0 0 0 2.563 2.564h14.873a2.573 2.573 0 0 0 2.564-2.564V4.565a2.573 2.573 0 0 0-2.564-2.563m-1.072 9.678l-.02 2.675a4.05 4.05 0 0 1-4.038 4.022h-4.64a4.05 4.05 0 0 1-4.041-4.025V9.657a4.053 4.053 0 0 1 4.042-4.03h2.823a4.46 4.46 0 0 1 3.12 2.2a3.16 3.16 0 0 1 .362 1.367c.068.506.103.881.33 1.09c.32.289 1.508.094 1.743.278l.178.14l.11.221l.035.178Zm-4.097 1.863H9.71a.75.75 0 1 0 0 1.5h4.549a.75.75 0 1 0 0-1.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.71 10.46h2.239a.77.77 0 1 0 0-1.542H9.71a.77.77 0 1 0 0 1.542m9.718-8.458H4.555a2.573 2.573 0 0 0-2.563 2.563v14.873a2.573 2.573 0 0 0 2.563 2.564h14.873a2.573 2.573 0 0 0 2.564-2.564V4.565a2.573 2.573 0 0 0-2.564-2.563m-1.072 9.678l-.02 2.675a4.05 4.05 0 0 1-4.038 4.022h-4.64a4.05 4.05 0 0 1-4.041-4.025V9.657a4.053 4.053 0 0 1 4.042-4.03h2.823a4.46 4.46 0 0 1 3.12 2.2a3.16 3.16 0 0 1 .362 1.367c.068.506.103.881.33 1.09c.32.289 1.508.094 1.743.278l.178.14l.11.221l.035.178Zm-4.097 1.863H9.71a.75.75 0 1 0 0 1.5h4.549a.75.75 0 1 0 0-1.5"/></svg> </template>
CSS
.icon-blogger {
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%22M9.71%2010.46h2.239a.77.77%200%201%200%200-1.542H9.71a.77.77%200%201%200%200%201.542m9.718-8.458H4.555a2.573%202.573%200%200%200-2.563%202.563v14.873a2.573%202.573%200%200%200%202.563%202.564h14.873a2.573%202.573%200%200%200%202.564-2.564V4.565a2.573%202.573%200%200%200-2.564-2.563m-1.072%209.678l-.02%202.675a4.05%204.05%200%200%201-4.038%204.022h-4.64a4.05%204.05%200%200%201-4.041-4.025V9.657a4.053%204.053%200%200%201%204.042-4.03h2.823a4.46%204.46%200%200%201%203.12%202.2a3.16%203.16%200%200%201%20.362%201.367c.068.506.103.881.33%201.09c.32.289%201.508.094%201.743.278l.178.14l.11.221l.035.178Zm-4.097%201.863H9.71a.75.75%200%201%200%200%201.5h4.549a.75.75%200%201%200%200-1.5%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%22M9.71%2010.46h2.239a.77.77%200%201%200%200-1.542H9.71a.77.77%200%201%200%200%201.542m9.718-8.458H4.555a2.573%202.573%200%200%200-2.563%202.563v14.873a2.573%202.573%200%200%200%202.563%202.564h14.873a2.573%202.573%200%200%200%202.564-2.564V4.565a2.573%202.573%200%200%200-2.564-2.563m-1.072%209.678l-.02%202.675a4.05%204.05%200%200%201-4.038%204.022h-4.64a4.05%204.05%200%200%201-4.041-4.025V9.657a4.053%204.053%200%200%201%204.042-4.03h2.823a4.46%204.46%200%200%201%203.12%202.2a3.16%203.16%200%200%201%20.362%201.367c.068.506.103.881.33%201.09c.32.289%201.508.094%201.743.278l.178.14l.11.221l.035.178Zm-4.097%201.863H9.71a.75.75%200%201%200%200%201.5h4.549a.75.75%200%201%200%200-1.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/blogger.svg?color=%231a73e8&size=48
