Ícone Sequelize
material-icon-theme:sequelize
O ícone Sequelize (material-icon-theme:sequelize) é um ícone SVG gratuito da coleção Material Icon Theme de Material Extensions. Ele é desenhado em uma grade de 250 × 250. Material Icon Theme icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Material Icon Theme
- Autor
- Material Extensions
- Licença
- MIT
- Tamanho
- 250 × 250
Código 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>Como usar o ícone 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 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/material-icon-theme/sequelize.svg" alt="Ícone Sequelize" width="24" height="24">O ícone Sequelize em outras coleções
Perguntas frequentes sobre Ícone Sequelize
O ícone Sequelize é grátis para uso comercial?
Sim. Material Icon Theme icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Sequelize no React?
Instale @iconify/react e renderize <Icon icon="material-icon-theme:sequelize" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Sequelize a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/material-icon-theme/sequelize.svg" alt="Ícone Sequelize">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.