dizzy icon

dizzy from Font Awesome Solid by Dave Gandy · Solid · Emoji · CC-BY-4.0 Attribution required.

Name: dizzy
Set: Font Awesome Solid
Style: Solid
Category: Emoji
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

dizzyBoxIcons v2 dizzyBoxIcons v2 Solid dizzyEmoji One (Colored)dizzyFont Awesome Regular dizzyFluent Emoji dizzyFluent Emoji Flat dizzyFluent Emoji High Contrast dizzyFirefox OS Emoji dizzyHealth Icons dizzyLine Awesome dizzyNoto Emoji dizzyOpenMoji dizzyStreamline Emojis dizzyTwitter Emoji

More emoji icons from Font Awesome Solid

Use the dizzy icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 576c141.4 0 256-114.6 256-256S461.4 64 320 64S64 178.6 64 320s114.6 256 256 256M198.1 217.9l25.9 25.9l25.9-25.9c7.8-7.8 20.5-7.8 28.3 0s7.8 20.5 0 28.3l-25.9 25.9l25.9 25.9c7.8 7.8 7.8 20.5 0 28.3s-20.5 7.8-28.3 0L224 300.4l-25.9 25.9c-7.8 7.8-20.5 7.8-28.3 0s-7.8-20.5 0-28.3l25.9-25.9l-25.9-25.9c-7.8-7.8-7.8-20.5 0-28.3s20.5-7.8 28.3 0m192 0l25.9 25.9l25.9-25.9c7.8-7.8 20.5-7.8 28.3 0s7.8 20.5 0 28.3l-25.9 25.9l25.9 25.9c7.8 7.8 7.8 20.5 0 28.3s-20.5 7.8-28.3 0L416 300.4l-25.9 25.9c-7.8 7.8-20.5 7.8-28.3 0s-7.8-20.5 0-28.3l25.9-25.9l-25.9-25.9c-7.8-7.8-7.8-20.5 0-28.3s20.5-7.8 28.3 0M320 368c35.3 0 64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64s28.7-64 64-64"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidDizzy(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 576c141.4 0 256-114.6 256-256S461.4 64 320 64S64 178.6 64 320s114.6 256 256 256M198.1 217.9l25.9 25.9l25.9-25.9c7.8-7.8 20.5-7.8 28.3 0s7.8 20.5 0 28.3l-25.9 25.9l25.9 25.9c7.8 7.8 7.8 20.5 0 28.3s-20.5 7.8-28.3 0L224 300.4l-25.9 25.9c-7.8 7.8-20.5 7.8-28.3 0s-7.8-20.5 0-28.3l25.9-25.9l-25.9-25.9c-7.8-7.8-7.8-20.5 0-28.3s20.5-7.8 28.3 0m192 0l25.9 25.9l25.9-25.9c7.8-7.8 20.5-7.8 28.3 0s7.8 20.5 0 28.3l-25.9 25.9l25.9 25.9c7.8 7.8 7.8 20.5 0 28.3s-20.5 7.8-28.3 0L416 300.4l-25.9 25.9c-7.8 7.8-20.5 7.8-28.3 0s-7.8-20.5 0-28.3l25.9-25.9l-25.9-25.9c-7.8-7.8-7.8-20.5 0-28.3s20.5-7.8 28.3 0M320 368c35.3 0 64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64s28.7-64 64-64"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 576c141.4 0 256-114.6 256-256S461.4 64 320 64S64 178.6 64 320s114.6 256 256 256M198.1 217.9l25.9 25.9l25.9-25.9c7.8-7.8 20.5-7.8 28.3 0s7.8 20.5 0 28.3l-25.9 25.9l25.9 25.9c7.8 7.8 7.8 20.5 0 28.3s-20.5 7.8-28.3 0L224 300.4l-25.9 25.9c-7.8 7.8-20.5 7.8-28.3 0s-7.8-20.5 0-28.3l25.9-25.9l-25.9-25.9c-7.8-7.8-7.8-20.5 0-28.3s20.5-7.8 28.3 0m192 0l25.9 25.9l25.9-25.9c7.8-7.8 20.5-7.8 28.3 0s7.8 20.5 0 28.3l-25.9 25.9l25.9 25.9c7.8 7.8 7.8 20.5 0 28.3s-20.5 7.8-28.3 0L416 300.4l-25.9 25.9c-7.8 7.8-20.5 7.8-28.3 0s-7.8-20.5 0-28.3l25.9-25.9l-25.9-25.9c-7.8-7.8-7.8-20.5 0-28.3s20.5-7.8 28.3 0M320 368c35.3 0 64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64s28.7-64 64-64"/></svg>
</template>

CSS

.icon-dizzy {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20576c141.4%200%20256-114.6%20256-256S461.4%2064%20320%2064S64%20178.6%2064%20320s114.6%20256%20256%20256M198.1%20217.9l25.9%2025.9l25.9-25.9c7.8-7.8%2020.5-7.8%2028.3%200s7.8%2020.5%200%2028.3l-25.9%2025.9l25.9%2025.9c7.8%207.8%207.8%2020.5%200%2028.3s-20.5%207.8-28.3%200L224%20300.4l-25.9%2025.9c-7.8%207.8-20.5%207.8-28.3%200s-7.8-20.5%200-28.3l25.9-25.9l-25.9-25.9c-7.8-7.8-7.8-20.5%200-28.3s20.5-7.8%2028.3%200m192%200l25.9%2025.9l25.9-25.9c7.8-7.8%2020.5-7.8%2028.3%200s7.8%2020.5%200%2028.3l-25.9%2025.9l25.9%2025.9c7.8%207.8%207.8%2020.5%200%2028.3s-20.5%207.8-28.3%200L416%20300.4l-25.9%2025.9c-7.8%207.8-20.5%207.8-28.3%200s-7.8-20.5%200-28.3l25.9-25.9l-25.9-25.9c-7.8-7.8-7.8-20.5%200-28.3s20.5-7.8%2028.3%200M320%20368c35.3%200%2064%2028.7%2064%2064s-28.7%2064-64%2064s-64-28.7-64-64s28.7-64%2064-64%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20576c141.4%200%20256-114.6%20256-256S461.4%2064%20320%2064S64%20178.6%2064%20320s114.6%20256%20256%20256M198.1%20217.9l25.9%2025.9l25.9-25.9c7.8-7.8%2020.5-7.8%2028.3%200s7.8%2020.5%200%2028.3l-25.9%2025.9l25.9%2025.9c7.8%207.8%207.8%2020.5%200%2028.3s-20.5%207.8-28.3%200L224%20300.4l-25.9%2025.9c-7.8%207.8-20.5%207.8-28.3%200s-7.8-20.5%200-28.3l25.9-25.9l-25.9-25.9c-7.8-7.8-7.8-20.5%200-28.3s20.5-7.8%2028.3%200m192%200l25.9%2025.9l25.9-25.9c7.8-7.8%2020.5-7.8%2028.3%200s7.8%2020.5%200%2028.3l-25.9%2025.9l25.9%2025.9c7.8%207.8%207.8%2020.5%200%2028.3s-20.5%207.8-28.3%200L416%20300.4l-25.9%2025.9c-7.8%207.8-20.5%207.8-28.3%200s-7.8-20.5%200-28.3l25.9-25.9l-25.9-25.9c-7.8-7.8-7.8-20.5%200-28.3s20.5-7.8%2028.3%200M320%20368c35.3%200%2064%2028.7%2064%2064s-28.7%2064-64%2064s-64-28.7-64-64s28.7-64%2064-64%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/dizzy.svg?color=%231a73e8&size=48