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