Zaim アイコン
simple-icons:zaim
Zaim アイコン(simple-icons:zaim)は、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="M7.748.453C6.13.453 4.852.623 4 1.047c-.51.255-1.191.765-1.446 1.784c-.256 1.019.17 1.782.51 2.122a8.3 8.3 0 0 0 2.212 1.613c-1.872.425-3.404.933-4.255 1.528C.512 8.434 0 9.028 0 10.13v9.426c0 1.104.51 1.697.936 2.037c1.533 1.103 5.449 1.953 9.96 1.953c4.513 0 8.429-.765 9.961-1.953c.511-.34 1.022-.933 1.022-2.037V10.13c0-.17 0-.424-.085-.594c.255-.085.511-.17.682-.254c.51-.255 1.19-.765 1.446-1.784c.255-1.019-.17-1.781-.51-2.206c-1.192-1.443-4.853-3.142-9.28-4.076C11.833.708 9.62.453 7.748.453m.457 1.505c1.573.023 3.548.257 5.67.703c4.853 1.103 8.514 2.887 8.259 4.075c-.256 1.189-4.427 1.273-9.195.255c-4.852-1.104-8.513-2.887-8.258-4.076c.144-.669 1.501-.987 3.524-.957m-.287 5.797c1.362.425 2.895.934 4.513 1.273c2.81.68 5.447.85 7.576.765c0 1.189-4 2.208-8.939 2.208c-4.937 0-8.938-1.02-8.938-2.208c0-.934 2.383-1.698 5.788-2.038m-4.343 5.519c1.958.51 4.513.849 7.408.849c2.894 0 5.447-.34 7.406-.849c.936.425 1.532.849 1.532 1.273c0 1.189-4 2.208-8.938 2.208s-8.94-1.02-8.94-2.208c0-.51.596-.933 1.532-1.273m0 4.754c1.958.51 4.513.85 7.408.85c2.894 0 5.447-.34 7.406-.85c.936.425 1.532.85 1.532 1.275c0 1.189-4 2.206-8.938 2.206s-8.94-1.017-8.94-2.206c0-.51.596-.935 1.532-1.275"/></svg>Zaim アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:zaim" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:zaim" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:zaim" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--zaim]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:zaim"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:zaim"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/zaim.svg" alt="Zaim アイコン" width="24" height="24">他のアイコンセットの Zaim アイコン
Zaim アイコン のよくある質問
Zaim アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Zaim アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:zaim" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Zaim アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/zaim.svg" alt="Zaim アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。