ICONYZ
日本語
Foundation の Social Reddit アイコン

Social Reddit アイコン

foundation:social-reddit

Social Reddit アイコン(foundation:social-reddit)は、Foundation セットの無料 SVG アイコンです(作者: Zurb)。 100 × 100 のグリッドで描かれています。 Foundation icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Foundation
作者
Zurb
ライセンス
MIT
サイズ
100 × 100
タグ
socialreddit
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M94.762 48.994c0-5.688-4.63-10.314-10.315-10.314c-2.463 0-4.767.901-6.626 2.477q-.091.054-.181.11c-6.707-4.291-15.601-7.031-25.439-7.403l5.872-16.698l14.656 3.504c.012 4.633 3.781 8.4 8.42 8.4c4.642 0 8.422-3.777 8.422-8.421c0-4.646-3.78-8.423-8.422-8.423c-3.529 0-6.544 2.182-7.794 5.26l-17.364-4.15l-7.211 20.49c-10.259.193-19.556 2.969-26.513 7.404c-1.873-1.625-4.21-2.551-6.718-2.551c-5.687 0-10.31 4.627-10.31 10.314c0 3.518 1.815 6.768 4.756 8.66a18 18 0 0 0-.293 3.123c0 14.886 18.043 26.997 40.219 26.997c22.18 0 40.224-12.111 40.224-26.997a18 18 0 0 0-.272-3.035c3.02-1.878 4.889-5.175 4.889-8.747M63.598 62.347a6.333 6.333 0 0 1-6.334-6.338a6.337 6.337 0 1 1 6.334 6.338m1.261 10.806c-.19.194-4.733 4.821-15.009 4.821c-10.333 0-14.463-4.689-14.636-4.891a1.623 1.623 0 0 1 .178-2.283a1.63 1.63 0 0 1 2.278.166c.092.104 3.54 3.771 12.18 3.771c8.784 0 12.639-3.798 12.68-3.835a1.62 1.62 0 0 1 2.329 2.251m-34.05-17.144a6.337 6.337 0 1 1 12.672.006a6.337 6.337 0 0 1-12.672-.006"/></svg>

Social Reddit アイコンの使い方

React

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

<Icon icon="foundation:social-reddit" width="24" />

Vue

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

<template>
  <Icon icon="foundation:social-reddit" width="24" />
</template>

Svelte

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

<Icon icon="foundation:social-reddit" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[foundation--social-reddit]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/foundation -->
<div class="i-foundation:social-reddit"></div>

Web コンポーネント

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

<iconify-icon icon="foundation:social-reddit"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/foundation/social-reddit.svg" alt="Social Reddit アイコン" width="24" height="24">

Foundation の関連アイコン

他のアイコンセットの Social Reddit アイコン

Social Reddit アイコン のよくある質問

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

はい。Foundation icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Foundation アイコン をすべて見る →