Protoncalendar アイコン
simple-icons:protoncalendar
Protoncalendar アイコン(simple-icons:protoncalendar)は、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="M15.172 14.818v7.032h-4.276v-1.147c0-.584.21-1.151.592-1.596l3.684-4.288zm-4.93 5.884c0-.741.266-1.46.75-2.022l4.673-5.32c.522-.591 1.524-.92 2.262-.92h.967V7.007a1.92 1.92 0 0 0-1.928-1.914H0v14.295c0 1.36 1.11 2.462 2.482 2.462h7.76zM18.8 5.197a2.54 2.54 0 0 1 .747 1.81v5.434H24V4.613c0-1.36-1.11-2.462-2.482-2.462H2.482A2.473 2.473 0 0 0 .006 4.438h16.96c.694 0 1.345.27 1.834.76zm.34 14.742c.817 0 1.45-.451 1.45-1.136a.95.95 0 0 0-.79-.971v-.013a.96.96 0 0 0 .485-.346a.94.94 0 0 0 .185-.565c0-.632-.549-1.081-1.343-1.081c-.99 0-1.384.712-1.415 1.21h.843a.54.54 0 0 1 .577-.495c.318 0 .549.196.549.48c0 .283-.213.473-.732.473h-.3v.713h.346c.536 0 .807.176.807.492s-.26.532-.655.532a.67.67 0 0 1-.686-.51h-.873c.063.733.683 1.222 1.551 1.217zm2-3.39v.806l.79-.532v3.06h.82v-3.988h-.635l-.974.655z"/></svg>Protoncalendar アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:protoncalendar" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:protoncalendar" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:protoncalendar" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--protoncalendar]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:protoncalendar"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:protoncalendar"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/protoncalendar.svg" alt="Protoncalendar アイコン" width="24" height="24">Protoncalendar アイコン のよくある質問
Protoncalendar アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Protoncalendar アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:protoncalendar" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Protoncalendar アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/protoncalendar.svg" alt="Protoncalendar アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。