Blink icon
material-icon-theme:blink
The Blink icon (material-icon-theme:blink) is a free SVG icon from the Material Icon Theme set by Material Extensions. It is drawn on a 256 × 256 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
- 256 × 256
SVG code
<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>How to use the Blink icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/material-icon-theme/blink.svg" alt="Blink icon" width="24" height="24">Related icons in Material Icon Theme
Blink icon in other icon sets
Blink icon FAQ
Is the Blink 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 Blink icon in React?
Install @iconify/react and render <Icon icon="material-icon-theme:blink" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Blink icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/material-icon-theme/blink.svg" alt="Blink icon">, or paste the SVG code inline to style it with CSS.