Stumbleupon アイコン

el:stumbleupon

Stumbleupon アイコン(el:stumbleupon)は、Elusive Icons セットの無料 SVG アイコンです（作者: Team Redux）。 1200 × 1200 のグリッドで描かれています。 Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Elusive Icons
作者: Team Redux
ライセンス: OFL-1.1
サイズ: 1200 × 1200

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M1075.341 231.76c131.618 176.24 160.644 407.959 79.297 601.287c-101.286 224.85-320.8 365.262-553.788 366.953c-229.359-2.552-432.951-132.474-535.091-327.039h261.744c113.074-.812 210-70.317 211.458-175.105c-.053-57.375-21.431-110.063-67.692-138.412c-40.654-23.182-83.378-27.768-126.359-35.408c-26.686-5.588-67.144-10.979-67.692-41.201c2.476-48.569 53.951-52.613 87.677-52.79h181.803c26.044.684 51.756 2.17 74.783 11.588c23.791 11.058 35.874 27.712 36.104 51.502V674.68c1.797 60.14 21.35 111.326 63.824 148.713c43.147 34.728 94.059 49.272 145.056 49.57c54.485-1.484 106.175-16.448 145.055-49.57c44.651-41.657 63.449-93.776 63.824-148.713V231.76zM600.85 0c124.424 1.608 241.951 41.194 337.817 104.292v575.536c-3.203 42.193-33.751 71.574-72.205 72.104c-42.135-3.179-72.947-33.539-73.495-72.104V507.296c-1.57-76.377-22.484-156.604-96.703-184.764q-29.658-10.944-63.18-10.944H337.816c-52.301 1.314-100.536 16.079-137.964 47.64c-38.972 35.861-57.663 80.438-58.022 128.756c.58 33.016 8.106 65.892 25.143 91.417c28.273 38.543 68.882 56.633 110.242 64.378c33.069 7.842 67.005 7.889 97.993 18.024c22.555 8.431 29.497 21.535 29.655 42.489c-1.312 24.92-14.557 35.828-35.458 41.846c-29.71 6.937-60.42 5.781-88.322 5.794H19.34C7.024 700.704.12 648.59 0 600C6.339 264.631 280.42 2.327 600.85 0"/></svg>

Stumbleupon アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="el:stumbleupon" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="el:stumbleupon" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="el:stumbleupon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[el--stumbleupon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:stumbleupon"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="el:stumbleupon"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/el/stumbleupon.svg" alt="Stumbleupon アイコン" width="24" height="24">

他のアイコンセットの Stumbleupon アイコン

Stumbleupon アイコンのよくある質問

Stumbleupon アイコンは商用利用でも無料ですか?

はい。Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Stumbleupon アイコンを使うには?

@iconify/react をインストールして <Icon icon="el:stumbleupon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Stumbleupon アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/el/stumbleupon.svg" alt="Stumbleupon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Elusive Icons をすべて見る →