Zapier アイコン
simple-icons:zapier
Zapier アイコン(simple-icons:zapier)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.157 0A4.15 4.15 0 0 0 0 4.161v15.678A4.15 4.15 0 0 0 4.157 24h15.682A4.15 4.15 0 0 0 24 19.839V4.161A4.15 4.15 0 0 0 19.839 0zm10.61 8.761h.03a.6.6 0 0 1 .23.038a.6.6 0 0 1 .201.124a.63.63 0 0 1 .162.431a.6.6 0 0 1-.162.435a.6.6 0 0 1-.201.128a.6.6 0 0 1-.23.042a.5.5 0 0 1-.235-.042a.6.6 0 0 1-.332-.328a.6.6 0 0 1-.038-.235a.6.6 0 0 1 .17-.431a.6.6 0 0 1 .405-.162m2.853 1.572q.044.005.095.004c.325-.011.646.064.937.219c.238.144.431.355.552.609c.128.279.189.582.185.888v.193a2 2 0 0 1 0 .219h-2.498c.003.227.075.45.204.642a.78.78 0 0 0 .646.265a.7.7 0 0 0 .484-.136a.64.64 0 0 0 .23-.318l.915.257a1.4 1.4 0 0 1-.28.537c-.14.159-.321.284-.521.355a2.2 2.2 0 0 1-.836.136a1.9 1.9 0 0 1-1.001-.245a1.6 1.6 0 0 1-.665-.703a2.2 2.2 0 0 1-.227-1.036a1.95 1.95 0 0 1 .48-1.398a1.9 1.9 0 0 1 1.3-.488m-9.607.023c.162.004.325.026.48.079c.207.065.4.174.563.314c.26.302.393.692.366 1.088v2.276H8.53l-.109-.711h-.065q-.096.245-.272.439a1.1 1.1 0 0 1-.374.264a1 1 0 0 1-.453.083a1.33 1.33 0 0 1-.866-.264a.97.97 0 0 1-.329-.801a1 1 0 0 1 .076-.431a1 1 0 0 1 .242-.363a1.48 1.48 0 0 1 1.043-.303h.952v-.181a.7.7 0 0 0-.136-.454a.55.55 0 0 0-.438-.154a.7.7 0 0 0-.378.086a.48.48 0 0 0-.193.254l-.99-.144a1.26 1.26 0 0 1 .257-.563c.14-.174.321-.302.533-.378c.261-.091.54-.136.82-.129q.078-.006.163-.007m4.384.007c.174 0 .347.038.506.114c.182.083.34.211.458.374c.257.423.377.911.351 1.406a2.53 2.53 0 0 1-.355 1.448a1.15 1.15 0 0 1-1.009.517c-.204 0-.401-.045-.582-.136a1.05 1.05 0 0 1-.48-.457a1.3 1.3 0 0 1-.114-.234h-.045l.004 1.784h-1.059v-4.713h.904l.117.805h.057c.068-.208.177-.401.328-.56a1.13 1.13 0 0 1 .843-.344h.076zm7.559.084h.903l.113.805h.053a1.4 1.4 0 0 1 .235-.484a.8.8 0 0 1 .313-.242a.8.8 0 0 1 .39-.076h.234v1.051h-.401a.66.66 0 0 0-.313.008a.6.6 0 0 0-.272.155a.66.66 0 0 0-.174.26a.7.7 0 0 0-.027.314v1.875h-1.054zm-17.515.003h3.262v.896L3.73 13.104l.034.113h1.973l.042.9H2.4v-.9l1.931-1.754l-.045-.117H2.441zm11.815 0h1.055v3.659h-1.055zm3.443.684l.019.016a.7.7 0 0 0-.351.045a.76.76 0 0 0-.287.204c-.11.155-.174.336-.189.522h1.545c-.034-.526-.257-.787-.74-.787zm-5.718.163c-.026 0-.057 0-.083.004a.8.8 0 0 0-.31.053a.75.75 0 0 0-.257.189a1.02 1.02 0 0 0-.204.695v.064c-.015.257.057.507.204.711a.63.63 0 0 0 .253.196a.64.64 0 0 0 .314.061a.64.64 0 0 0 .578-.265c.14-.223.204-.48.189-.74a1.2 1.2 0 0 0-.181-.711a.68.68 0 0 0-.503-.257m-4.509 1.266a.46.46 0 0 0-.268.102a.37.37 0 0 0-.114.276q0 .08.027.155a.4.4 0 0 0 .087.132a.58.58 0 0 0 .397.11v.004a.86.86 0 0 0 .563-.182a.57.57 0 0 0 .211-.457v-.14z"/></svg>Zapier アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:zapier" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:zapier" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:zapier" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--zapier]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:zapier"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:zapier"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/zapier.svg" alt="Zapier アイコン" width="24" height="24">他のアイコンセットの Zapier アイコン
Zapier アイコン のよくある質問
Zapier アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Zapier アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:zapier" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Zapier アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/zapier.svg" alt="Zapier アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。