ICONYZ
English
Blogger icon from Brandico

Blogger icon

brandico:blogger

The Blogger icon (brandico:blogger) is a free SVG icon from the Brandico set by Fontello. It is drawn on a 991 × 1000 grid. Brandico icons are released under the CC BY SA license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Brandico
Author
Fontello
License
CC-BY-SA-3.0
Size
991 × 1000
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="991" height="1000" viewBox="0 0 991 1000"><path fill="currentColor" d="M550.422 0L249.556 1.285C122.233 18.801 13.145 97.717 3.51 232.349c-3.046 12.359-1.544 24.907-1.975 36.389C.147 327.571.48 390.867 1.379 451.439c.24 95.584-2.583 172.602-.783 243.664c1.153 208.816 124.429 306.403 348.288 302.339c55.46-1.007 118.876-1.368 191.602.533c72.331.488 128.091 5.253 177.78-1.818c220.679-31.402 263.696-179.41 272.657-299.236V559.699c-6.44-139.393-107.508-177.77-193.922-180.601c9.288-34.845 11.521-82.219 3.385-146.029c-10.471-123.99-98.471-220.938-249.964-233.07zM298.828 187.246h244.761c135.326 18.024 128.953 163.934 0 184.864H298.828c-135.326-18.024-128.953-163.934 0-184.864m-55.572 403.798l449.653 1.536c135.976 17.536 136.359 183.07 4.733 203.325l-449.653-1.568c-139.444-17.144-137.487-182.865-4.733-203.294z"/></svg>

How to use the Blogger icon

React

import { Icon } from "@iconify/react";

<Icon icon="brandico:blogger" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="brandico:blogger" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="brandico:blogger" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[brandico--blogger]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/brandico -->
<div class="i-brandico:blogger"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="brandico:blogger"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/brandico/blogger.svg" alt="Blogger icon" width="24" height="24">

Related icons in Brandico

Blogger icon in other icon sets

Blogger icon FAQ

Is the Blogger icon free for commercial use?

Yes. Brandico icons are released under the CC BY SA license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Blogger icon in React?

Install @iconify/react and render <Icon icon="brandico:blogger" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Blogger icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/brandico/blogger.svg" alt="Blogger icon">, or paste the SVG code inline to style it with CSS.

Browse all Brandico icons →