School アイコン
streamline-stickies-color:school
School アイコン(streamline-stickies-color:school)は、Stickies color icons セットの無料 SVG アイコンです（作者: Streamline）。 41 × 41 のグリッドで描かれています。 Stickies color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stickies color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 41 × 41
- カテゴリ
- 学校・科学
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="41" height="41" viewBox="0 0 41 41"><g fill="none" stroke-miterlimit="10"><path fill="#ff52a1" stroke="#231f20" d="M36.12 18.19c-.68-.4-2.66-.64-5.23-.78c-.25-2.83-.74-5.34-1.68-5.95c-.66-.84-3.47-1.1-6.46-1.18c0-1 0-1.91-.05-2.82a11.1 11.1 0 0 0 3.42-.3c.75-.28.88-2.11.88-3.16s-.09-2.9-.84-3.18c-.38-.27-2.37-.3-4-.3c-.64 0-3.5-.08-4 .3c-.75.28-.84 2.11-.84 3.18v6.29c-3 .08-5.8.34-6.45 1.18c-.94.61-1.43 3.12-1.68 5.95c-2.58.14-4.56.38-5.23.78C.88 19.07.5 24.94.5 28.36s.38 9.28 3.38 10.17c1.5.88 9.5 1 16.12 1s14.62-.09 16.12-1c3-.89 3.38-6.76 3.38-10.17s-.38-9.29-3.38-10.17Z"/><path fill="#fff" stroke="#231f20" d="M15.82 18.61a4.18 4.18 0 1 0 8.36 0a4.18 4.18 0 0 0-8.36 0Z"/><path stroke="#231f20" stroke-linecap="round" d="M8.85 22.78a92 92 0 0 0 .57 12.54m21.71-12.54a92 92 0 0 1-.57 12.54m-6.68 1.4a16.3 16.3 0 0 0 .3-3.59c0-1.46-.08-4-.73-4.36c-.32-.37-2-.41-3.45-.41s-3.13 0-3.45.41c-.65.38-.73 2.9-.73 4.36a16.3 16.3 0 0 0 .3 3.59"/><path stroke="#fff" stroke-linecap="round" d="M25.48 12.93c2.39.25 2.35.58 2.57 2.31"/></g></svg>
School アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-stickies-color:school" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-stickies-color:school" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-stickies-color:school" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--school]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-stickies-color -->
<div class="i-streamline-stickies-color:school"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-stickies-color:school"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/school.svg" alt="School アイコン" width="24" height="24">
Stickies color icons の関連アイコン
School アイコン のよくある質問
School アイコンは商用利用でも無料ですか?
はい。Stickies color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で School アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-stickies-color:school" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
School アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-stickies-color/school.svg" alt="School アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Stickies color icons をすべて見る →
ICONYZ
