Protoio アイコン
logos:protoio
Protoio アイコン(logos:protoio)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 135 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 512 × 135
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="135" viewBox="0 0 512 135"><path fill="#3e4245" d="M41.696 25.49c22.958 0 41.696 18.57 41.696 41.527c0 22.959-18.738 41.696-41.696 41.696c-7.259 0-14.18-1.856-20.088-5.064v31.399L0 125.932V67.186C0 44.06 18.738 25.49 41.696 25.49M249.332 0v25.49h20.088v21.608h-20.088v20.426a20.03 20.03 0 0 0 20.088 20.088v21.608c-22.62 0-41.02-18.063-41.696-40.514V9.285zM132.853 25.49v21.608a20.03 20.03 0 0 0-20.088 20.088v42.034H91.157V66.005l.026-.673c1.018-22.139 19.276-39.842 41.67-39.842m44.904 0c22.958 0 41.527 18.57 41.696 41.696c0 22.958-18.738 41.696-41.696 41.696S136.06 90.144 136.06 67.186s18.738-41.696 41.696-41.696m138.592 0c22.959 0 41.697 18.57 41.697 41.696c0 22.958-18.738 41.696-41.697 41.696c-22.958 0-41.696-18.738-41.696-41.696S293.391 25.49 316.35 25.49m153.955 0C493.262 25.49 512 44.06 512 67.186c0 22.958-18.738 41.696-41.696 41.696s-41.696-18.738-41.696-41.696s18.738-41.696 41.696-41.696m-50.137 0v83.392H398.56V25.49zm-44.734 55.37a13.977 13.977 0 0 1 14.011 14.011a13.977 13.977 0 0 1-14.011 14.011a13.977 13.977 0 0 1-14.011-14.01a13.977 13.977 0 0 1 14.01-14.012M177.757 47.098a20.03 20.03 0 0 0-20.089 20.088a20.03 20.03 0 0 0 20.089 20.089c10.972 0 19.92-9.116 20.088-20.089a20.03 20.03 0 0 0-20.088-20.088m138.592 0a20.03 20.03 0 0 0-20.088 20.088a20.03 20.03 0 0 0 20.088 20.089c10.973 0 20.089-9.116 20.089-20.089a20.03 20.03 0 0 0-20.089-20.088m-274.653 0a20.03 20.03 0 0 0-20.088 20.088a20.03 20.03 0 0 0 20.088 20.089c10.973 0 20.088-9.116 20.088-20.089a20.03 20.03 0 0 0-20.088-20.088m428.608 0a20.03 20.03 0 0 0-20.088 20.088a20.03 20.03 0 0 0 20.088 20.089c10.973 0 20.088-9.116 20.088-20.089a20.03 20.03 0 0 0-20.088-20.088"/></svg>Protoio アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:protoio" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:protoio" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:protoio" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--protoio]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:protoio"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:protoio"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/protoio.svg" alt="Protoio アイコン" width="24" height="24">Protoio アイコン のよくある質問
Protoio アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Protoio アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:protoio" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Protoio アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/protoio.svg" alt="Protoio アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。