Jamstack アイコン

Q: Jamstack アイコンは商用利用でも無料ですか?

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

logos:jamstack

Jamstack アイコン(logos:jamstack)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 98 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 512 × 98

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="98" viewBox="0 0 512 98"><path fill="#fff" d="M187.51 31.9c4.802 0 10.155 1.808 12.754 6.132h.157v-4.639h13.069v43.64h-13.07v-4.717h-.157c-2.362 4.482-8.03 6.212-12.755 6.212c-13.462 0-21.965-10.38-21.965-23.354c0-12.738 8.818-23.275 21.965-23.275m126.427 0c8.74 0 15.904 4.481 16.768 13.76h-12.832c-.078-2.438-1.812-3.303-4.094-3.303c-1.732 0-3.7.944-3.7 2.91c0 6.84 21.964 2.988 21.964 18.4c0 9.828-8.896 14.86-17.791 14.86c-9.133 0-16.77-4.874-17.793-14.468h12.99c.394 2.674 2.362 4.01 4.96 4.01c1.97 0 4.567-1.1 4.567-3.38c0-3.146-3.543-4.09-5.905-5.033c-1.89-.629-3.78-1.258-5.669-1.966c-5.196-1.887-10.392-5.268-10.392-11.401c0-9.121 8.503-14.39 16.927-14.39m71.012 0c4.8 0 10.155 1.808 12.752 6.132h.158v-4.639h13.07v43.64h-13.07v-4.717h-.158c-2.362 4.482-8.031 6.212-12.752 6.212c-13.463 0-21.966-10.38-21.966-23.354c0-12.738 8.817-23.275 21.966-23.275m56.455 0c11.179 0 20.863 7.233 23.146 18.32h-13.227c-1.888-4.088-5.274-6.133-9.762-6.133c-6.298 0-10.077 5.19-10.077 11.087c0 6.133 4.014 11.087 10.39 11.087c4.332 0 7.483-2.044 9.45-5.819h13.305c-2.52 10.694-11.89 18.007-22.911 18.007c-13.067 0-23.383-10.3-23.383-23.353c0-12.896 10.08-23.197 23.069-23.197M159.04 18.846v35.558c-.002 5.482-.088 11.653-3.621 16.102c-3.936 4.875-10.235 7.627-16.454 7.627c-2.677 0-5.433-.471-7.873-1.415c-8.267-2.988-11.731-9.907-11.731-18.4h15.825c.157 2.91.708 6.763 4.487 6.763c4.251 0 4.488-4.168 4.488-7.392V18.847zm114.842 13.052c4.33 0 8.424 1.258 11.495 4.404c4.96 5.032 4.723 10.222 4.723 16.905v23.826h-13.068l-.001-23.432c-.022-4.72-.729-9.436-6.692-9.436c-5.825 0-7.243 4.089-7.243 9.042v23.826h-13.069V53.287c0-4.482-1.023-9.121-6.534-9.121c-6.062 0-7.4 4.56-7.4 9.672v23.196h-13.07v-43.64h12.203v4.638h.158c2.52-4.481 7.085-6.133 12.045-6.133c5.669 0 9.92 2.831 12.597 7.785c3.15-4.954 7.952-7.785 13.856-7.785m80.364-13.052v14.546h6.298v9.908h-6.298v33.733h-13.07V43.3h-6.455v-9.908h6.455V18.847zm129.96 0v30.351h.158l12.124-15.805H512L495.547 52.58l15.982 24.455h-14.801L484.365 56.04h-.157v20.995H471.14V18.847zM189.4 44.087c-6.377 0-10.786 5.033-10.786 11.244c0 6.055 4.724 11.009 10.865 11.009c6.377 0 10.943-4.875 10.943-11.166c0-6.37-4.645-11.087-11.022-11.087m197.437 0c-6.376 0-10.786 5.033-10.786 11.244c0 6.055 4.724 11.009 10.865 11.009c6.376 0 10.944-4.875 10.944-11.166c0-6.37-4.646-11.087-11.023-11.087"/><path fill="#f0047f" d="M48.687 0C21.765 0 0 21.765 0 48.687s21.765 48.687 48.687 48.687S97.374 75.61 97.374 48.687V0z"/><path fill="#fff" d="M46.04 51.334v35.493c-18.89-1.079-34.096-16.106-35.456-34.921l-.037-.572zm34.599 0c-.99 18.89-14.765 34.097-32.012 35.456l-.523.037V51.334zm.042-34.641V49.27H48.104V16.693z"/></svg>

Jamstack アイコンの使い方

React

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

<Icon icon="logos:jamstack" width="24" />

Vue

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

<template>
  <Icon icon="logos:jamstack" width="24" />
</template>

Svelte

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

<Icon icon="logos:jamstack" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="logos:jamstack"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/jamstack.svg" alt="Jamstack アイコン" width="24" height="24">

SVG Logos の関連アイコン

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

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

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

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

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

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

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

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

SVG Logos アイコンをすべて見る →