Winglang Icon アイコン
logos:winglang-icon
Winglang Icon アイコン(logos:winglang-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 156 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 156
- タグ
- winglangicon
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="156" viewBox="0 0 256 156"><path fill="#68d2c2" d="M256 0v22.548l-1.156.042c-3.648.276-8.895 2.105-15.339 11.048c-7.745 10.769-14.182 27.664-20.355 44.439l-4.346 11.802c-5.245 14.086-10.81 28.008-17.63 39.156c-10.735 17.545-23.306 26.076-38.446 26.076c-13.9 0-23.95-7.553-30.735-15.307c-6.772 7.754-16.822 15.307-30.711 15.307c-15.151 0-27.722-8.53-38.457-26.076c-6.82-11.14-12.385-25.067-17.619-39.122l-6.833-18.51c-5.437-14.504-11.169-28.434-17.889-37.775C9.334 23.702 3.652 22.548 0 22.548V.01h61.434C74.69.01 86.373 6.883 96.14 20.425c8.063 11.206 14.356 26.203 20.173 41.62l4.293 11.59c2.409 6.565 4.854 13.227 7.39 19.59c1.693-4.238 3.342-8.607 4.966-12.99l5.271-14.31c6.231-16.772 12.89-33.36 21.624-45.5C169.628 6.863 181.308 0 194.566 0zM61.424 22.548H36.176c8.658 12.863 15.259 30.09 21.542 47.146l4.459 12.096c9.429 25.297 20.228 50.773 35.095 50.773l1.159-.043c4.025-.306 9.672-2.467 16.63-12.927c-4.349-8.703-8.219-18.447-11.903-28.292l-7.356-19.91C90.37 56.905 84.638 42.969 77.918 33.628c-7.16-9.926-12.841-11.08-16.494-11.08m158.38-.01h-25.248c-3.653 0-9.334 1.154-16.494 11.09c-7.23 10.051-13.318 25.439-19.116 41.084l-6.114 16.567c-3.69 9.857-7.555 19.601-11.903 28.304c7.654 11.516 13.72 12.98 17.789 12.98c16.475 0 27.953-31.272 38.08-58.87l2.908-7.894c5.869-15.789 12.114-31.387 20.097-43.26"/></svg>Winglang Icon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:winglang-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:winglang-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:winglang-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--winglang-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:winglang-icon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:winglang-icon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/winglang-icon.svg" alt="Winglang Icon アイコン" width="24" height="24">SVG Logos の関連アイコン
Winglang Icon アイコン のよくある質問
Winglang Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Winglang Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:winglang-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Winglang Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/winglang-icon.svg" alt="Winglang Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。