Susy アイコン
logos:susy
Susy アイコン(logos:susy)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 228 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 228
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="228" viewBox="0 0 256 228"><path fill="#ff0080" d="M0 110.558v-3.22c12.546-10.645 28.043-25.5 39.605-38.127l5.903 3.961c-6.64 11.885-16.234 24.759-25.582 34.415c14.76 18.569 15.497 19.56 25.09 35.406l-5.411 3.962c-5.412-5.694-7.872-8.42-15.498-15.35c-8.855-8.42-7.872-7.182-20.663-18.076zm50.204 57.552l10.51-5.254c19.705 29.88 50.905 50.566 75.865 50.566c23.975 0 41.054-17.075 41.054-41.372c0-23.968-13.795-36.117-53.533-46.952c-47.293-12.806-65.356-30.208-65.356-64.026C58.744 27.252 85.017 0 117.203 0c8.867 0 8.21 0 28.901 6.239c2.955.985 6.897 1.642 8.539 1.642c2.298 0 5.583-.985 8.54-2.299L174.346.001l20.363 56.803l-10.51 6.895c-19.048-31.521-43.352-49.58-66.997-49.58c-20.69 0-36.126 15.432-36.126 36.446c0 20.685 14.122 34.148 43.351 41.7c14.123 3.612 24.303 6.567 29.23 7.88c29.558 8.864 47.293 32.178 47.293 61.4c0 37.103-28.572 65.997-64.699 65.997c-11.166 0-16.75-1.313-30.543-7.552c-5.911-2.627-9.524-3.611-11.823-3.611c-3.284 0-5.583.985-9.524 3.283l-12.48 7.88zm161.025-25.116c9.594-16.094 10.086-16.836 24.846-35.406c-9.348-9.657-18.942-22.53-25.583-34.416l6.148-3.961c11.317 12.627 26.322 26.987 39.36 38.128v3.22l-12.546 10.398c-4.674 3.962-18.203 16.837-27.059 25.998z"/></svg>Susy アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:susy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:susy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:susy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--susy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:susy"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:susy"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/susy.svg" alt="Susy アイコン" width="24" height="24">Susy アイコン のよくある質問
Susy アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Susy アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:susy" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Susy アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/susy.svg" alt="Susy アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。