Sequelize アイコン
material-icon-theme:sequelize
Sequelize アイコン(material-icon-theme:sequelize)は、Material Icon Theme セットの無料 SVG アイコンです（作者: Material Extensions）。 250 × 250 のグリッドで描かれています。 Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Icon Theme
- 作者
- Material Extensions
- ライセンス
- MIT
- サイズ
- 250 × 250
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="250" height="250" viewBox="0 0 250 250"><g stroke-width=".725"><path fill="#01579b" d="M190.945 86.173v77.236l-65.63 38.829l-.593.54v28.867l.593.56l92.43-53.39V71.194l-.873-.215l-26.058 14.568l.132.629"/><path fill="#0288d1" d="m59.477 164.043l65.84 38.196v29.966l-93.063-53.601v-107.2l.955-.144l25.983 15.106l.285.865v76.814"/><path fill="#4fc3f7" d="M59.477 87.223L32.254 71.396l92.852-53.601l92.64 53.39l-26.8 14.983l-65.84-37.563l-65.63 38.618"/><path fill="#283593" d="m124.186 155.203l-.713-.727v-29.002l.713-.369l.173-.715l24.864-14.504l.76.17v29.884l-25.798 15.263"/><path fill="#0277bd" d="M97.959 140.873v-31.029l.72-.035l25.292 14.718l.216.58v30.098z"/><path fill="#29b6f6" d="m123.756 94.583l-25.798 15.264l26.228 15.263l25.798-15.049z"/><path fill="#01579b" d="m92.083 174.123l-.713-.727v-29.003l.713-.368l.173-.715l24.863-14.504l.761.17v29.882l-25.798 15.264"/><path fill="#0288d1" d="M65.855 159.793v-31.03l.72-.036l25.292 14.72l.215.58v30.098z"/><path fill="#4fc3f7" d="m91.653 113.503l-25.799 15.263l26.229 15.264l25.798-15.049l-26.228-15.479"/><path fill="#01579b" d="m158.585 174.843l-.712-.727v-29.003l.713-.368l.173-.715l24.864-14.504l.76.17v29.882z"/><path fill="#0288d1" d="M132.356 160.513v-31.03l.72-.035l25.292 14.72l.216.58v30.097z"/><path fill="#4fc3f7" d="m158.155 114.213l-25.798 15.263l26.228 15.264l25.798-15.049z"/><path fill="#01579b" d="m126.476 193.763l-.713-.727v-29.003l.713-.368l.173-.716l24.864-14.503l.76.17V178.5l-25.798 15.264"/><path fill="#0288d1" d="M100.256 179.433v-31.03l.72-.035l25.293 14.718l.214.58v30.099l-26.228-14.332"/><path fill="#4fc3f7" d="m126.046 133.133l-25.799 15.264l26.229 15.264l25.798-15.049z"/><path fill="#01579b" d="m124.186 114.073l-.713-.728V84.343l.713-.368l.173-.715l24.864-14.503l.76.17v29.882l-25.798 15.264"/><path fill="#0288d1" d="M97.959 99.743v-31.03l.72-.035l25.292 14.718l.216.58v30.099z"/><path fill="#4fc3f7" d="M123.756 53.443L97.958 68.707l26.228 15.264l25.798-15.049z"/><path fill="#01579b" d="m92.083 132.993l-.713-.727v-29.002l.713-.369l.173-.715l24.863-14.504l.761.17v29.884l-25.798 15.263"/><path fill="#0288d1" d="M65.855 118.663V87.634l.72-.036l25.292 14.72l.215.58v30.097z"/><path fill="#4fc3f7" d="m91.653 72.363l-25.8 15.264l26.229 15.263l25.798-15.049z"/><path fill="#01579b" d="m158.585 133.713l-.712-.727v-29.002l.713-.369l.173-.715l24.864-14.504l.76.17v29.884z"/><path fill="#0288d1" d="M132.356 119.373V88.344l.72-.035l25.292 14.718l.216.58v30.098z"/><path fill="#4fc3f7" d="m158.155 73.083l-25.798 15.264l26.228 15.263l25.798-15.049z"/><path fill="#01579b" d="m126.476 152.623l-.713-.727v-29.003l.713-.368l.173-.715l24.864-14.504l.76.17v29.882l-25.798 15.264"/><path fill="#0288d1" d="M100.256 138.293v-31.03l.72-.036l25.293 14.72l.214.58v30.098l-26.228-14.332"/><path fill="#4fc3f7" d="m126.046 92.003l-25.799 15.264l26.229 15.264l25.798-15.049z"/></g></svg>Sequelize アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:sequelize" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:sequelize" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:sequelize" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--sequelize]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:sequelize"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:sequelize"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-icon-theme/sequelize.svg" alt="Sequelize アイコン" width="24" height="24">他のアイコンセットの Sequelize アイコン
Sequelize アイコン のよくある質問
Sequelize アイコンは商用利用でも無料ですか?
はい。Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sequelize アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-icon-theme:sequelize" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sequelize アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-icon-theme/sequelize.svg" alt="Sequelize アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。