Ssi アイコン
arcticons:ssi
Ssi アイコン(arcticons:ssi)は、Arcticons セットの無料 SVG アイコンです(作者: Donnnno)。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="m38.468 13.547l5.032.008l-7.811 20.918h-5.098zm-1.935-.02L34.67 18.16l-7.015-.034c-1.574-.008-2.484 1.487-1.072 2.947l2.17 2.24c2.57 2.656 2.632 5.365.62 8.14c-2.01 2.776-7.165 4.991-11.775-.322c-3.603 4.89-7.642 3.489-10.52 1.464c-1.052-.74-2.202-2.198-2.577-2.581l1.781-4.837l3.604 3.825c1.17 1.241 2.623.92 3.23.386s1.2-1.8-.043-3.094l-2.979-3.104c-1.83-1.906-1.642-5.26-.387-6.733s2.873-2.92 6.087-2.921z"/><path d="M21.036 18.156c-.523 1.38-.63 2.802.56 4.351l3.674 3.96c.733.79.768 2.192.01 2.905s-2.447.573-3.338-.369l-7.787-8.23c-.969-1.023-.514-2.629.998-2.627z"/></g></svg>Ssi アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:ssi" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:ssi" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:ssi" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--ssi]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:ssi"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:ssi"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/ssi.svg" alt="Ssi アイコン" width="24" height="24">Arcticons の関連アイコン
Ssi アイコン のよくある質問
Ssi アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Ssi アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:ssi" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ssi アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/ssi.svg" alt="Ssi アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。