Stack Overflow Logo アイコン
streamline-ultimate-color:stack-overflow-logo
Stack Overflow Logo アイコン(streamline-ultimate-color:stack-overflow-logo)は、Ultimate color icons セットの無料 SVG アイコンです(作者: Streamline)。 24 × 24 のグリッドで描かれています。 Ultimate color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ultimate color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- ロゴ
- タグ
- stackoverflow、overflowlogo、stackoverflowlogo
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#b2b2b2" d="M6.275 18.985h8.031q.151-1.356.458-2.687l-7.872-1.664a25 25 0 0 0-.617 4.35"/><path fill="#EEE" d="M8.337 10.494a21 21 0 0 0-1.445 4.143l7.867 1.664q.301-1.328.822-2.59z"/><path fill="#e3bfb3" d="m8.336 10.494l7.245 3.213a11.6 11.6 0 0 1 1.35-2.395L10.628 6.75a20 20 0 0 0-2.293 3.745"/><path fill="#ffdda1" d="m10.629 6.75l6.301 4.564a10 10 0 0 1 1.925-1.98L13.65 3.569a22 22 0 0 0-3.02 3.182"/><path fill="#ffbc44" d="M17.208 1a26.5 26.5 0 0 0-3.558 2.568l5.206 5.764a10.7 10.7 0 0 1 2.382-1.388z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M17.82 14.467v6.525A2.01 2.01 0 0 1 15.812 23H4.77a2.007 2.007 0 0 1-2.008-2.008v-6.525m11.54 4.518H6.27m8.42-2.695l-7.856-1.67m8.796-.89l-7.34-3.26m8.789.953L10.576 6.71m8.4 2.757l-5.384-5.96m7.645 4.44L17.207 1"/></g></svg>Stack Overflow Logo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate-color:stack-overflow-logo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate-color:stack-overflow-logo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate-color:stack-overflow-logo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--stack-overflow-logo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:stack-overflow-logo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate-color:stack-overflow-logo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/stack-overflow-logo.svg" alt="Stack Overflow Logo アイコン" width="24" height="24">他のアイコンセットの Stack Overflow Logo アイコン
Stack Overflow Logo アイコン のよくある質問
Stack Overflow Logo アイコンは商用利用でも無料ですか?
はい。Ultimate color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Stack Overflow Logo アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-ultimate-color:stack-overflow-logo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Stack Overflow Logo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/stack-overflow-logo.svg" alt="Stack Overflow Logo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。