swr logo

swr from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
swr
Set
SVG Logos
Style
Color
Viewbox
512×121
License
CC0

The same logo in other sets

swrSimple Icons

Use the swr logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function LogosSwr(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-swr {
  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%20512%20121%22%3E%3Cpath%20d%3D%22M0%2064.457c.124%2031.054%2025.409%2056.48%2056.481%2056.48c31.17-.038%2056.432-25.291%2056.481-56.463v-8.01c.092-17.93%2019.56-29.035%2035.041-19.989a23.3%2023.3%200%200%201%206.248%205.326h36.525C184.103%2017.154%20161.752.03%20136.218%200c-31.171.05-56.425%2025.312-56.463%2056.481v7.976c-.02%2012.85-10.443%2023.255-23.292%2023.255c-12.836-.019-23.236-10.419-23.255-23.255a6.65%206.65%200%200%200-6.653-6.653H6.635A6.65%206.65%200%200%200%200%2064.457m216.132%2056.48c-25.506-.095-47.81-17.207-54.505-41.818h36.471c11.228%2013.91%2033.302%2010.45%2039.733-6.228a23.2%2023.2%200%200%200%201.556-8.417v-8.01C239.435%2025.293%20264.697.038%20295.868%200c30.755%200%2055.829%2024.703%2056.464%2055.281l.176%209.176c.092%2017.93%2019.56%2029.034%2035.041%2019.99a23.3%2023.3%200%200%200%206.248-5.328h36.525c-6.664%2024.648-29.008%2041.782-54.54%2041.819c-31.073%200-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%2010.421-23.255%2023.256v7.976c-.04%2031.178-25.305%2056.442-56.481%2056.48m221.354-79.119c11.227-13.907%2033.301-10.447%2039.733%206.23a23.2%2023.2%200%200%201%201.556%208.433a6.65%206.65%200%200%200%206.652%206.652h19.939A6.65%206.65%200%200%200%20512%2056.481C511.961%2025.304%20486.696.04%20455.519%200c-25.54.032-47.893%2017.165-54.558%2041.818z%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%20512%20121%22%3E%3Cpath%20d%3D%22M0%2064.457c.124%2031.054%2025.409%2056.48%2056.481%2056.48c31.17-.038%2056.432-25.291%2056.481-56.463v-8.01c.092-17.93%2019.56-29.035%2035.041-19.989a23.3%2023.3%200%200%201%206.248%205.326h36.525C184.103%2017.154%20161.752.03%20136.218%200c-31.171.05-56.425%2025.312-56.463%2056.481v7.976c-.02%2012.85-10.443%2023.255-23.292%2023.255c-12.836-.019-23.236-10.419-23.255-23.255a6.65%206.65%200%200%200-6.653-6.653H6.635A6.65%206.65%200%200%200%200%2064.457m216.132%2056.48c-25.506-.095-47.81-17.207-54.505-41.818h36.471c11.228%2013.91%2033.302%2010.45%2039.733-6.228a23.2%2023.2%200%200%200%201.556-8.417v-8.01C239.435%2025.293%20264.697.038%20295.868%200c30.755%200%2055.829%2024.703%2056.464%2055.281l.176%209.176c.092%2017.93%2019.56%2029.034%2035.041%2019.99a23.3%2023.3%200%200%200%206.248-5.328h36.525c-6.664%2024.648-29.008%2041.782-54.54%2041.819c-31.073%200-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%2010.421-23.255%2023.256v7.976c-.04%2031.178-25.305%2056.442-56.481%2056.48m221.354-79.119c11.227-13.907%2033.301-10.447%2039.733%206.23a23.2%2023.2%200%200%201%201.556%208.433a6.65%206.65%200%200%200%206.652%206.652h19.939A6.65%206.65%200%200%200%20512%2056.481C511.961%2025.304%20486.696.04%20455.519%200c-25.54.032-47.893%2017.165-54.558%2041.818z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/swr.svg?color=%231a73e8&size=48