Swr icon
logos:swr
The Swr icon (logos:swr) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 121 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
- 512 × 121
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="121" viewBox="0 0 512 121"><path d="M0 64.457c.124 31.054 25.409 56.48 56.481 56.48c31.17-.038 56.432-25.291 56.481-56.463v-8.01c.092-17.93 19.56-29.035 35.041-19.989a23.3 23.3 0 0 1 6.248 5.326h36.525C184.103 17.154 161.752.03 136.218 0c-31.171.05-56.425 25.312-56.463 56.481v7.976c-.02 12.85-10.443 23.255-23.292 23.255c-12.836-.019-23.236-10.419-23.255-23.255a6.65 6.65 0 0 0-6.653-6.653H6.635A6.65 6.65 0 0 0 0 64.457m216.132 56.48c-25.506-.095-47.81-17.207-54.505-41.818h36.471c11.228 13.91 33.302 10.45 39.733-6.228a23.2 23.2 0 0 0 1.556-8.417v-8.01C239.435 25.293 264.697.038 295.868 0c30.755 0 55.829 24.703 56.464 55.281l.176 9.176c.092 17.93 19.56 29.034 35.041 19.99a23.3 23.3 0 0 0 6.248-5.328h36.525c-6.664 24.648-29.008 41.782-54.54 41.819c-31.073 0-56.358-25.444-56.481-56.464l-.177-8.293v-.353c-.372-12.579-10.671-22.589-23.256-22.603c-12.836.02-23.236 10.421-23.255 23.256v7.976c-.04 31.178-25.305 56.442-56.481 56.48m221.354-79.119c11.227-13.907 33.301-10.447 39.733 6.23a23.2 23.2 0 0 1 1.556 8.433a6.65 6.65 0 0 0 6.652 6.652h19.939A6.65 6.65 0 0 0 512 56.481C511.961 25.304 486.696.04 455.519 0c-25.54.032-47.893 17.165-54.558 41.818z"/></svg>How to use the Swr icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:swr" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:swr" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:swr" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--swr]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:swr"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:swr"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/swr.svg" alt="Swr icon" width="24" height="24">Swr icon in other icon sets
Swr icon FAQ
Is the Swr 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 Swr icon in React?
Install @iconify/react and render <Icon icon="logos:swr" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Swr icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/swr.svg" alt="Swr icon">, or paste the SVG code inline to style it with CSS.