System76 アイコン
simple-icons:system76
System76 アイコン(simple-icons:system76)は、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="M11.575.007A11.993 11.993 0 0 0 3.52 20.481l.124.121l6.532-12.11H3.188l1.227 2.066a.63.63 0 0 1 .076.49a.68.68 0 0 1-.65.506a.64.64 0 0 1-.544-.298L1.474 8.188a.63.63 0 0 1-.095-.342v-.027a.65.65 0 0 1 .642-.628h9.256c.167 0 .368.06.47.14l.01.008a.73.73 0 0 1 .22.942L4.908 21.388a.7.7 0 0 1-.14.182a11.99 11.99 0 0 0 14.225.185h-5.632a.744.744 0 0 1-.744-.744v-.015a.744.744 0 0 1 .744-.744h7.352a11.994 11.994 0 0 0-.232-16.733a12 12 0 0 0-1.618-1.358l-.003.006l-.033.099c-.233.433-2.941 5.33-3.838 6.951l-.329.595c-.753 1.302-1.099 2.767-.925 3.92a3.8 3.8 0 0 0 .657 1.624a3.9 3.9 0 0 0 2.55 1.593a4 4 0 0 0 .682.058a3.98 3.98 0 0 0 2.405-.798a3.8 3.8 0 0 0 1.48-2.412a3.78 3.78 0 0 0-.7-2.892a4 4 0 0 0-2.583-1.581l-.177-.026a.7.7 0 0 1-.614-.718a.7.7 0 0 1 .233-.503a.7.7 0 0 1 .549-.172a5.4 5.4 0 0 1 3.735 2.182a5.18 5.18 0 0 1 .942 3.943a5.18 5.18 0 0 1-2.18 3.418a5.4 5.4 0 0 1-3.088.963h-.001a5.5 5.5 0 0 1-.915-.078a5.3 5.3 0 0 1-3.472-2.174a5.6 5.6 0 0 1-.425-.706c-.717-1.416-.753-3.07-.102-4.785a18 18 0 0 1 .758-1.678l4.078-7.45l.096-.117l.004-.008a12 12 0 0 0-.98-.467a12 12 0 0 0-5.093-.94z"/></svg>System76 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:system76" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:system76" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:system76" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--system76]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:system76"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:system76"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/system76.svg" alt="System76 アイコン" width="24" height="24">他のアイコンセットの System76 アイコン
System76 アイコン のよくある質問
System76 アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で System76 アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:system76" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
System76 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/system76.svg" alt="System76 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。