Weebly icon
logos:weebly
The Weebly icon (logos:weebly) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 197 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 × 197
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="197" viewBox="0 0 256 197"><path fill="#3192e7" d="M212.31 0c-19.972 0-36.617 13.278-41.722 33.15C161.385 3.29 137.83.023 128.004.023c-9.824 0-33.37 3.267-42.59 33.12C80.307 13.29 63.66.023 43.693.023C19.192.023 0 17.538 0 39.897c0 9.888 2.443 17.782 5.395 26.344l33.267 94.076c11.139 31.2 33.832 35.859 46.366 35.859c19.662 0 34.983-10.07 42.973-27.917c7.997 17.927 23.32 28.048 42.972 28.048c12.519 0 35.189-4.667 46.385-35.982l33.45-94.396l.261-.779c.382-1.21.768-2.345 1.132-3.423c1.781-5.27 3.799-11.243 3.799-18.563C256 18.154 237.626 0 212.31 0m15.769 57.875l-33.45 94.396c-4.084 11.42-10.876 19.922-23.656 19.922c-11.973 0-19.042-6.672-22.574-18.104L128.27 91.264h-.547l-20.116 62.825c-3.539 11.434-10.61 17.972-22.58 17.972c-12.782 0-19.58-8.431-23.657-19.852L28.193 58.385c-2.72-7.89-4.079-12.772-4.079-18.49c0-8.704 8.163-15.758 19.579-15.758c9.52 0 16.318 6.276 18.494 15.522l22.573 74.837h.54l22.845-73.188c2.997-10.605 8.433-17.171 19.859-17.171c11.42 0 16.857 6.555 19.848 17.16l22.846 73.199h.54l22.58-74.837c2.173-9.246 8.97-15.545 18.492-15.545c11.416 0 19.576 7.08 19.576 19.05c0 4.349-1.91 8.718-3.807 14.71"/></svg>How to use the Weebly icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:weebly" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:weebly" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:weebly" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--weebly]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:weebly"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:weebly"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/weebly.svg" alt="Weebly icon" width="24" height="24">Weebly icon in other icon sets
Weebly icon FAQ
Is the Weebly 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 Weebly icon in React?
Install @iconify/react and render <Icon icon="logos:weebly" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Weebly icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/weebly.svg" alt="Weebly icon">, or paste the SVG code inline to style it with CSS.