Sequelize icon
material-icon-theme:sequelize
The Sequelize icon (material-icon-theme:sequelize) is a free SVG icon from the Material Icon Theme set by Material Extensions. It is drawn on a 250 × 250 grid. Material Icon Theme icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Material Icon Theme
- Author
- Material Extensions
- License
- MIT
- Size
- 250 × 250
SVG code
<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>How to use the Sequelize icon
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 component
<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 image
<img src="https://iconyz.com/api/public/svg/material-icon-theme/sequelize.svg" alt="Sequelize icon" width="24" height="24">Sequelize icon in other icon sets
Sequelize icon FAQ
Is the Sequelize icon free for commercial use?
Yes. Material Icon Theme icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Sequelize icon in React?
Install @iconify/react and render <Icon icon="material-icon-theme:sequelize" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sequelize icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/material-icon-theme/sequelize.svg" alt="Sequelize icon">, or paste the SVG code inline to style it with CSS.