Swr アイコン
logos:swr
Swr アイコン(logos:swr)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 121 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 512 × 121
SVG コード
<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>Swr アイコンの使い方
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 コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:swr"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/swr.svg" alt="Swr アイコン" width="24" height="24">他のアイコンセットの Swr アイコン
Swr アイコン のよくある質問
Swr アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Swr アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:swr" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Swr アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/swr.svg" alt="Swr アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。