Sz アイコン
flagpack:sz
Sz アイコン(flagpack:sz)は、Flagpack セットの無料 SVG アイコンです（作者: Yummygum）。 32 × 24 のグリッドで描かれています。 Flagpack icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 32 24"><g fill="none"><path fill="#3d58db" fill-rule="evenodd" d="M0 0h32v24H0z" clip-rule="evenodd"/><path fill="#c51918" stroke="#ffd018" stroke-width="2" d="M0 5h-1v14h34V5z"/><path fill="#ffd018" d="M7.15 9.331c-.12 0-.218-.271-.218-.606s.097-.605.217-.605H24.56c.12 0 .217.27.217.605s-.097.606-.217.606z"/><path fill="#f7fcff" fill-rule="evenodd" d="m24.095 8.602l1.011-1.29l1.79 1.29l-1.79 1.324z" clip-rule="evenodd"/><path fill="#ffd018" d="M7.15 13.331c-.12 0-.218-.271-.218-.606s.097-.605.217-.605H24.56c.12 0 .217.27.217.605s-.097.606-.217.606z"/><path fill="#f7fcff" fill-rule="evenodd" d="m24.095 12.602l1.011-1.29l1.79 1.29l-1.79 1.324z" clip-rule="evenodd"/><path fill="#ffd018" d="M4.346 15.822c-.161 0-.292-.308-.292-.688s.13-.688.292-.688H27.69c.16 0 .29.308.29.688s-.13.688-.29.688z"/><path fill="#f7fcff" fill-rule="evenodd" d="M8.817 12.053s2.842-5.98 6.906-5.98c4.063 0 7 5.98 7 5.98s-3.586 5.901-6.953 5.901s-6.953-5.901-6.953-5.901" clip-rule="evenodd"/><mask id="SVG7zkQbbWb" width="15" height="12" x="8" y="6" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" fill-rule="evenodd" d="M8.817 12.053s2.842-5.98 6.906-5.98c4.063 0 7 5.98 7 5.98s-3.586 5.901-6.953 5.901s-6.953-5.901-6.953-5.901" clip-rule="evenodd"/></mask><g fill-rule="evenodd" clip-rule="evenodd" mask="url(#SVG7zkQbbWb)"><path fill="#272727" d="M15.924 5.68s-.927 1.126-.618 2.2s1.03.96 1.03 1.906s-.333 1.91 0 1.91c.332 0 .447.653.143 1.096c-.304.442-.573.456-.555 1.176s1.592 1.427.83 1.427s-1.768.74-1.448.74s1.993.577 1.993 1.334v1.362H8.57V5.681z"/><path fill="#f7fcff" d="M11.819 9.923h-.434v1.77h.434zm1.281 0h-.434v1.77h.434zm-1.075 0h.435v1.77h-.435zm1.716 0h-.434v1.77h.434zm.207 0h.434v1.77h-.434zm1.075 0h-.435v1.77h.435zm-3.638 2.538h.434v1.77h-.434zm1.716 0h-.435v1.77h.434zm-1.076 0h.435v1.77h-.435zm1.716 0h-.434v1.77h.434zm.207 0h.434v1.77h-.434zm1.075 0h-.435v1.77h.435z"/><path fill="#272727" d="M16.977 9.923h-.434v1.77h.434zm1.282 0h-.434v1.77h.434zm-1.075 0h.434v1.77h-.434zm1.716 0h-.435v1.77h.435zm.206 0h.434v1.77h-.434zm1.075 0h-.434v1.77h.434zm-3.638 2.538h.434v1.77h-.434zm1.716 0h-.434v1.77h.434zm-1.075 0h.434v1.77h-.434zm1.716 0h-.435v1.77h.435zm.206 0h.434v1.77h-.434zm1.075 0h-.434v1.77h.434z"/><path fill="#3d58db" d="M13.232 7.072c-.609.188-.887 1.784-.82 2.17c.069.385.275-.049.275-.049s.421.915.465 1.162c.043.246.265-.373.265-.373s.73.504.829 1.064s.247-.641.247-.641l.166-.03l-.105-.593l.316.27l-.098-.552s.238.31.178-.032l-.094-.532l-.082-.467l.312-.056s-1.246-1.53-1.854-1.341"/></g><path fill="#3d58db" fill-rule="evenodd" d="M26.088 13.696c-.632.08-1.183 1.603-1.183 1.995c0 .391.279 0 .279 0s.255.974.255 1.224s.326-.32.326-.32s.632.622.632 1.191s.355-.589.355-.589h.168v-.602l.264.32v-.56s.18.346.18 0v-1.016h.317s-.96-1.723-1.593-1.643m-20.495-.231c.632.08 1.183 1.603 1.183 1.995s-.278 0-.278 0s-.256.974-.256 1.224s-.326-.32-.326-.32s-.632.622-.632 1.191s-.355-.588-.355-.588h-.168v-.603l-.264.32v-.56s-.18.347-.18 0v-1.016H4s.96-1.723 1.593-1.643" clip-rule="evenodd"/></g></svg>Sz アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="flagpack:sz" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flagpack:sz" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flagpack:sz" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flagpack--sz]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flagpack -->
<div class="i-flagpack:sz"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flagpack:sz"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/flagpack/sz.svg" alt="Sz アイコン" width="24" height="24">他のアイコンセットの Sz アイコン
Sz アイコン のよくある質問
Sz アイコンは商用利用でも無料ですか?
はい。Flagpack icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sz アイコンを使うには?
@iconify/react をインストールして <Icon icon="flagpack:sz" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sz アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/flagpack/sz.svg" alt="Sz アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。