Pin School Filled アイコン
reicon:pin-school-filled
Pin School Filled アイコン(reicon:pin-school-filled)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M13.463 21.674a3.45 3.45 0 0 1-2.926 0C6.553 19.812 4 14.606 4 10.144C4 5.645 7.582 2 12 2s8 3.646 8 8.143c0 4.462-2.553 9.67-6.537 11.531M10.967 5.932a3.03 3.03 0 0 1 2.066 0l2.342.855c.541.198.875.68.875 1.213s-.334 1.015-.875 1.213l-.125.045V11.7c0 .673-.394 1.329-1.08 1.582c-.526.194-1.391.468-2.17.468s-1.644-.274-2.17-.468c-.686-.253-1.08-.909-1.08-1.582V9.258l-.125-.045C8.084 9.015 7.75 8.533 7.75 8s.334-1.015.875-1.213z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M11.481 7.34a1.53 1.53 0 0 1 1.038 0l1.804.66l-1.804.66a1.53 1.53 0 0 1-1.038 0L9.677 8z" clip-rule="evenodd"/><path d="M10.25 11.7V9.806l.717.262a3.03 3.03 0 0 0 2.066 0l.717-.262V11.7c0 .105-.057.159-.1.175c-.501.185-1.154.375-1.65.375s-1.149-.19-1.65-.375c-.043-.016-.1-.07-.1-.175"/></g></svg>Pin School Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:pin-school-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:pin-school-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:pin-school-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--pin-school-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:pin-school-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:pin-school-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/pin-school-filled.svg" alt="Pin School Filled アイコン" width="24" height="24">Reicon の関連アイコン
pin
pin-add
pin-add-duotone
pin-add-filled
pin-duotone
pin-filled
pin-hospital
pin-hospital-duotone
pin-hospital-filled
pin-off
pin-off-filled
pin-remove
pin-remove-duotone
pin-remove-filled
pin-rotate
pin-rotate-duotone
pin-rotate-filled
pin-school
pin-school-duotone
pin-search
pin-search-duotone
pin-search-filled
pin-star
pin-star-duotone
Pin School Filled アイコン のよくある質問
Pin School Filled アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pin School Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:pin-school-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pin School Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/pin-school-filled.svg" alt="Pin School Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。