Bower icon

logos:bower

The Bower icon (logos:bower) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 225 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 225

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="225" viewBox="0 0 256 225"><path fill="#543729" d="M250.863 110.127c-13.126-12.611-78.758-20.485-99.468-22.776a61 61 0 0 0 2.563-7.343a83 83 0 0 1 9.021-3.347c.384 1.133 2.193 5.473 3.223 7.532c41.644 1.149 43.782-30.947 45.476-39.74c1.656-8.597 1.572-16.904 15.856-32.091c-21.28-6.201-51.884 9.612-62.134 33.148c-3.852-1.444-7.713-2.51-11.531-3.169C151.132 31.303 136.883.551 99.492.551C52.15.552.552 39.609.552 105.722c0 55.576 37.943 104.28 59.38 104.28c9.363 0 17.416-7.01 19.307-13.295c1.585 4.31 6.449 17.705 8.046 21.115c2.36 5.043 13.279 9.407 18.057 4.173c6.143 3.413 17.416 5.47 23.56-3.633c11.831 2.503 22.291-4.552 22.52-12.971c5.806-.31 8.654-8.462 7.386-14.954c-.935-4.78-10.918-21.93-14.812-27.85c7.708 6.27 27.234 8.045 29.606.004c12.428 9.755 31.797 4.635 33.333-3.299c15.102 3.924 32.423-4.694 29.58-15.132c24.26-1.677 21.155-27.49 14.348-34.032"/><path fill="#00acee" d="M183.311 55.076c5.226-10.368 11.792-21.688 20.085-28.691c-9.128 3.678-18.14 14.676-23.469 26.43a82 82 0 0 0-8.254-4.613c7.433-15.866 24.705-29.117 43.74-30.152c-12.75 11.563-8.223 35.596-18.706 48.32c-3-3.014-9.888-8.828-13.396-11.294m-8.241 16.882c.005-.397.154-3.457.432-4.854c-.73-.172-5.275-1.061-7.644-1.005c-.172 2.975 1.25 8.037 2.657 11.084c9.685-.203 16.681-3.103 20.799-5.77c-3.506-1.634-9.488-3.086-14.036-3.955c-.508 1.05-1.757 3.725-2.208 4.5"/><path fill="#2baf2b" d="m139.08 153.98l.01.047c-1.227-2.642-2.531-5.85-4.088-10.045c6.062 8.825 25.063 4.273 24.066-3.634c9.3 6.998 28.443-1.166 24.091-10.978c9.316 4.341 19.949-4.393 17.564-8.199c15.883 3.063 31.103 6.117 35.881 7.34c-3.174 5.175-10.403 8.83-21.3 6.29c5.889 8.02-5.543 17.643-21.466 12.343c3.505 7.874-10.672 14.964-26.785 6.756c.205 7.878-19.99 8.785-27.973.08m31.506-39.816c18.434 1.416 48.918 4.164 67.79 6.805c-1.192-6.141-4.449-7.896-14.694-10.648c-11.018 1.175-38.972 3.921-53.096 3.843"/><path fill="#ffcc2f" d="M159.068 140.348c9.3 6.998 28.443-1.166 24.091-10.978c9.316 4.341 19.949-4.393 17.564-8.199c-18.777-3.62-38.48-7.254-42.95-7.889c2.71.144 7.205.452 12.813.883c14.124.078 42.078-2.668 53.096-3.843c-17.84-4.524-54.265-11.125-79.42-12.752c-1.166 1.704-3.31 4.593-7.042 7.664c-11.005 23.286-30.946 38.765-53.01 38.765c-6.43 0-13.624-1.085-21.687-3.662c-5.028 5.387-26.468 9.469-43.864.93c13.799 32.31 45.799 53.878 81.22 53.878c29.832 0 43.06-30.463 40.165-38.523c-.702-1.957-3.486-8.445-5.043-12.64c6.063 8.825 25.063 4.273 24.067-3.634"/><path fill="#cecece" d="M140.99 79.039c2.633-1.433 11.736-6.95 20.41-9.024a39 39 0 0 1-.305-2.903c-5.69 1.362-16.419 5.96-22.566-.376c12.97 3.914 19.446-3.487 28.98-3.487c5.68 0 13.786 1.586 20.175 4.095c-5.139-4.748-21.992-19.076-42.858-19.126c-4.659 5.648-9.694 17.883-3.837 30.82"/><path fill="#ef5734" d="M62.523 140.337c8.063 2.577 15.257 3.662 21.687 3.662c22.064 0 42.004-15.48 53.01-38.765c-8.14 6.795-22.287 12.609-44.38 12.609c19.679-4.463 36.62-14.27 45.238-28.604c-6.058-9.642-12.629-30.973 4.01-47.836c-2.56-8.223-15.017-29.93-42.596-29.93c-48.13 0-88.018 40.274-88.018 94.248c0 12.777 2.579 24.76 7.186 35.546c17.395 8.539 38.835 4.457 43.863-.93"/><path fill="#ffcc2f" d="M76.963 58.156c0 12.277 9.953 22.23 22.23 22.23s22.232-9.953 22.232-22.23s-9.954-22.231-22.232-22.231s-22.23 9.953-22.23 22.23"/><path fill="#543729" d="M85.884 58.156c0 7.35 5.96 13.309 13.309 13.309c7.351 0 13.31-5.96 13.31-13.31s-5.958-13.31-13.31-13.31c-7.35 0-13.31 5.96-13.31 13.31"/><ellipse cx="99.193" cy="52.25" fill="#fff" rx="7.756" ry="4.822"/></svg>

How to use the Bower icon

React

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

<Icon icon="logos:bower" width="24" />

Vue

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

<template>
  <Icon icon="logos:bower" width="24" />
</template>

Svelte

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

<Icon icon="logos:bower" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="logos:bower"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/bower.svg" alt="Bower icon" width="24" height="24">

Bower icon in other icon sets

Bower icon FAQ

Is the Bower icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Bower icon in React?

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

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

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

Browse all SVG Logos icons →