Srgssr アイコン
simple-icons:srgssr
Srgssr アイコン(simple-icons:srgssr)は、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="M0 7.861v8.278h24V7.86Zm2.979 2.135c.494 0 .883.032 1.06.057c.08.012.122.047.11.138l-.073.457c-.024.135-.068.153-.226.141a12 12 0 0 0-.914-.043c-.281 0-.575.062-.575.379c0 .226.14.323.446.402l.45.116c.806.207 1.038.604 1.038 1.134c0 .903-.706 1.221-1.676 1.221c-.433 0-.878-.032-1.055-.057c-.079-.012-.123-.047-.11-.138l.073-.471c.025-.134.067-.153.225-.14c.152.012.597.048.853.048c.561 0 .793-.06.793-.402c0-.232-.157-.34-.529-.438l-.451-.117c-.592-.152-.934-.524-.934-1.152c0-.695.489-1.135 1.495-1.135m7.275 0c.628 0 .903.037.945.043c.128.012.151.068.133.19l-.072.439c-.025.134-.068.15-.227.139a12 12 0 0 0-.719-.03c-.768 0-1.123.239-1.123 1.172c0 .738.214 1.274 1.043 1.274c.14 0 .263-.006.3-.012v-.854h-.286c-.122 0-.16-.044-.16-.166v-.42c0-.121.038-.164.16-.164h1c.122 0 .158.043.158.164v1.958c0 .134-.038.184-.166.214s-.376.06-1.04.06c-1.483 0-1.96-.853-1.96-2.054c0-1.214.58-1.953 2.014-1.953m4.129 0c.494 0 .885.03 1.062.055c.08.012.122.049.11.14l-.075.457c-.024.135-.065.153-.224.141a12 12 0 0 0-.914-.043c-.28 0-.574.062-.574.379c0 .226.14.323.445.402l.451.116c.805.207 1.037.604 1.037 1.134c0 .903-.708 1.22-1.678 1.22a10 10 0 0 1-1.054-.056c-.08-.012-.122-.047-.11-.138l.075-.471c.024-.134.066-.153.224-.14c.152.012.598.048.854.048c.56 0 .793-.06.793-.402c0-.232-.16-.342-.532-.44l-.45-.115c-.592-.152-.932-.524-.932-1.152c0-.695.486-1.135 1.492-1.135m3.154 0c.494 0 .884.03 1.06.055c.08.012.122.049.11.14l-.072.457c-.024.135-.068.153-.227.141a12 12 0 0 0-.914-.043c-.28 0-.574.062-.574.379c0 .226.14.323.445.402l.451.116c.805.207 1.038.604 1.038 1.134c0 .903-.707 1.22-1.676 1.22a9 9 0 0 1-1.057-.056c-.08-.012-.122-.047-.11-.138l.075-.471c.024-.134.066-.153.225-.14c.152.012.597.048.853.048c.561 0 .793-.06.793-.402c0-.232-.157-.342-.53-.44l-.452-.115c-.592-.152-.932-.524-.932-1.152c0-.695.488-1.135 1.494-1.135M4.98 10.04h1.359c.94 0 1.367.427 1.367 1.19c0 .591-.336.86-.635 1.048l.89 1.477c.099.152-.006.207-.09.207h-.665c-.146 0-.197-.043-.258-.147l-.724-1.304c-.075-.128-.071-.183-.037-.319l.06-.255c.055-.232.116-.152.293-.225c.14-.061.281-.16.281-.47c0-.342-.177-.475-.543-.475h-.58v3.03c0 .123-.036.165-.158.165h-.56c-.122 0-.159-.042-.159-.164v-3.594c0-.122.037-.164.159-.164m14.558 0h1.36c.939 0 1.365.427 1.365 1.19c0 .591-.334.86-.633 1.048l.89 1.477c.098.152-.006.207-.091.207h-.666c-.147 0-.195-.043-.256-.147l-.725-1.304c-.08-.14-.07-.184-.037-.319l.06-.255c.055-.232.117-.152.294-.225c.14-.061.28-.16.28-.47c0-.342-.176-.475-.542-.475h-.58v3.029c0 .122-.036.166-.158.166h-.56c-.123 0-.16-.044-.16-.166v-3.592c0-.122.037-.164.16-.164z"/></svg>Srgssr アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:srgssr" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:srgssr" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:srgssr" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--srgssr]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:srgssr"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:srgssr"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/srgssr.svg" alt="Srgssr アイコン" width="24" height="24">Srgssr アイコン のよくある質問
Srgssr アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Srgssr アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:srgssr" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Srgssr アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/srgssr.svg" alt="Srgssr アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。