Songoda アイコン
simple-icons:songoda
Songoda アイコン(simple-icons:songoda)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M23.23 4.917c-1.414-.156-6.227-.945-10.604-4.688a.97.97 0 0 0-1.251 0C6.997 3.967 2.185 4.76.77 4.917a.435.435 0 0 0-.385.463c.29 3.924 1.918 14.211 10.998 18.482c.39.184.844.184 1.234 0c9.079-4.27 10.708-14.557 10.998-18.482a.435.435 0 0 0-.385-.463m-1.704 2.016c-.581 4.255-2.54 11.442-9.126 14.896a.87.87 0 0 1-.807 0C5.006 18.373 3.048 11.19 2.47 6.935a.365.365 0 0 1 .285-.404a23 23 0 0 0 2.208-.596v3.38c0 .489.402.89.89.89c.489 0 .89-.401.89-.89V5.279a22.3 22.3 0 0 0 4.989-2.87a.44.44 0 0 1 .534 0c3.338 2.556 6.805 3.656 8.975 4.12c.186.04.31.217.285.405zm-5.831 7.812q0 1.384-1.04 2.246q-1.03.86-2.654.86q-2.043.001-3.135-1.114q-.56-.577-.56-1.063a.77.77 0 0 1 .28-.584q.278-.262.733-.262q.533 0 .9.501q.6.825 1.71.824q.674 0 1.083-.297q.516-.377.515-1.14q0-.817-.75-1.43q-.542-.441-1.59-.936q-1.283-.607-1.938-1.365q-.672-.771-.672-1.93q0-1.505 1.196-2.298q.898-.606 2.26-.606q1.492 0 2.454.801q.61.51.611 1.04q0 .405-.41.667a1.13 1.13 0 0 1-.627.188q-.541 0-.785-.374q-.436-.681-1.258-.681q-.882 0-1.17.718a2 2 0 0 0-.14.741c-.005.3.108.591.315.809q.446.494 1.598 1.062q1.38.682 2.018 1.258q1.056.98 1.056 2.365"/></svg>Songoda アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:songoda" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:songoda" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:songoda" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--songoda]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:songoda"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:songoda"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/songoda.svg" alt="Songoda アイコン" width="24" height="24">他のアイコンセットの Songoda アイコン
Songoda アイコン のよくある質問
Songoda アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Songoda アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:songoda" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Songoda アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/songoda.svg" alt="Songoda アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。