Ícone Blink
material-icon-theme:blink
O ícone Blink (material-icon-theme:blink) é um ícone SVG gratuito da coleção Material Icon Theme de Material Extensions. Ele é desenhado em uma grade de 256 × 256. 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
- 256 × 256
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#f9a825" d="M130.974 23.383c57.809 1.624 103.262 49.782 101.638 107.591s-49.782 103.262-107.59 101.639C67.303 230.989 21.85 183.01 23.383 125.293c1.533-57.81 49.602-103.443 107.41-101.91zm-.541 10.823c-51.766-1.353-94.875 39.59-96.137 91.447c-1.353 51.766 39.59 94.875 91.357 96.137c51.766 1.353 94.875-39.59 96.137-91.357c1.443-51.856-39.5-94.875-91.357-96.227c.09 0 0 0 0 0"/><path fill="#f9a825" d="M137.9 93.403c-4.149 3.968-2.525 12.806 3.878 19.57s15.241 8.838 19.209 4.78s2.706-12.987-3.788-19.751s-15.422-8.748-19.57-4.78zm52.217-25.162c8.207 8.568 14.43 18.758 18.398 29.851c0 0 2.706 7.395-5.862 7.395H181.73s-6.674-.54-6.944 5.14c-.451 7.035-.27 12.988-.27 12.988c.27 4.058 1.803 8.026 4.328 11.183l21.554 22.727a9.184 9.184 0 0 1 1.082 12.355c-10.912 18.578-28.408 32.286-49.06 38.509c-6.314 1.894-6.945-3.247-6.765-6.764c0-2.255 2.616-52.397 2.616-52.397c.721-5.411-.992-10.912-4.78-14.881c-6.764-7.215-11.003-11.814-11.003-11.814s-4.78-4.78-11.634-11.904c-3.788-3.878-9.018-5.862-14.43-5.501H54.027c-3.427 0-8.658-.812-6.403-7.035c7.305-20.292 21.915-37.066 41.124-46.896c3.878-2.705 9.199-1.984 12.265 1.714l21.554 22.727c3.066 2.705 6.944 4.329 11.003 4.78c0 0 5.862.45 12.987.36c5.591 0 5.501-6.764 5.501-6.764s.902-13.888 1.173-20.923c-.27-2.976 1.894-5.591 4.78-5.862c.991-.09 1.893.09 2.795.451c11.003 4.69 21.013 11.634 29.22 20.292z"/></svg>Como usar o ícone Blink
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:blink" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:blink" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:blink" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--blink]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:blink"></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:blink"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/material-icon-theme/blink.svg" alt="Ícone Blink" width="24" height="24">Ícones relacionados em Material Icon Theme
O ícone Blink em outras coleções
Perguntas frequentes sobre Ícone Blink
O ícone Blink é 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 Blink no React?
Instale @iconify/react e renderize <Icon icon="material-icon-theme:blink" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Blink 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/blink.svg" alt="Ícone Blink">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.