Vela UI Docs
venizia.ai

bell-ringing-01

BellRinging01, one of the 856 Vela UI icons, in the Communication group: a 24px grid drawn in currentColor, so it takes the colour of the text around it. It installs on its own as @velaui/icon-bell-ringing-01.

  • 16px
  • 20px
  • 24px
  • 32px

Installation

pnpm dlx velaui add @velaui/icon-bell-ringing-01

Usage

// components/icons/bell-ringing-01.tsx
import BellRinging01 from "@/components/icons/bell-ringing-01"

<BellRinging01 className="size-5 text-muted" />

In use

  • In a button

  • In a sentence

    Due Friday, or whenever the venue confirms.

  • In an input

  • As a badge

    Scheduled

  • In an empty state

    No events on this day yet.

    Browse blocks

Source

import * as React from "react";

export interface BellRinging01Props extends React.SVGProps<SVGSVGElement> {
  size?: number | string;
}

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function BellRinging01({ size = 24, strokeWidth = 0, className, ref, ...props }: BellRinging01Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M4.60239 16.8594L4.18798 16.5796L4.18798 16.5796L4.60239 16.8594ZM5.69243 13.3814L5.19243 13.376V13.3814H5.69243ZM5.7153 11.2786L6.2153 11.2841V11.2786H5.7153ZM19.4068 16.8763L19.8265 16.6046L19.8265 16.6046L19.4068 16.8763ZM18.3578 13.3814L17.8578 13.3757V13.3814H18.3578ZM18.3806 11.3828L18.8806 11.3885V11.3828H18.3806ZM9.50226 20.5C9.22612 20.5 9.00226 20.7239 9.00226 21C9.00226 21.2761 9.22612 21.5 9.50226 21.5V21V20.5ZM14.5011 21.5C14.7772 21.5 15.0011 21.2761 15.0011 21C15.0011 20.7239 14.7772 20.5 14.5011 20.5V21V21.5ZM3.53262 6.20161C3.43451 6.45974 3.56423 6.74852 3.82236 6.84663C4.08049 6.94474 4.36927 6.81502 4.46738 6.55689L4 6.37925L3.53262 6.20161ZM7.06313 3.43473C7.30322 3.29831 7.38727 2.99309 7.25085 2.753C7.11443 2.5129 6.80921 2.42885 6.56912 2.56527L6.81612 3L7.06313 3.43473ZM17.4158 2.57709C17.1772 2.43806 16.8711 2.51877 16.7321 2.75736C16.593 2.99595 16.6737 3.30207 16.9123 3.4411L17.1641 3.0091L17.4158 2.57709ZM19.5308 6.54286C19.6263 6.80198 19.9137 6.93466 20.1728 6.83921C20.432 6.74376 20.5646 6.45632 20.4692 6.1972L20 6.37003L19.5308 6.54286ZM4.60239 16.8594L5.0168 17.1391C5.61187 16.2576 6.19243 14.9567 6.19243 13.3814H5.69243H5.19243C5.19243 14.7086 4.70224 15.8178 4.18798 16.5796L4.60239 16.8594ZM5.69243 13.3814L6.1924 13.3869L6.21527 11.2841L5.7153 11.2786L5.21533 11.2732L5.19245 13.376L5.69243 13.3814ZM19.4068 16.8763L19.8265 16.6046C19.3332 15.8426 18.8578 14.724 18.8578 13.3814H18.3578H17.8578C17.8578 14.9612 18.4161 16.266 18.9871 17.148L19.4068 16.8763ZM18.3578 13.3814L18.8577 13.3871L18.8806 11.3885L18.3806 11.3828L17.8807 11.3771L17.8578 13.3757L18.3578 13.3814ZM18.3806 11.3828H18.8806C18.8806 7.19936 15.8547 3.70457 12.0017 3.70457V4.20457V4.70457C15.1947 4.70457 17.8806 7.6374 17.8806 11.3828H18.3806ZM19.025 17.8508V18.3508C19.5159 18.3508 19.8041 17.9696 19.9161 17.6736C20.0321 17.3668 20.0492 16.9485 19.8265 16.6046L19.4068 16.8763L18.9871 17.148C18.9886 17.1504 18.9977 17.1669 18.9996 17.2036C19.0015 17.2403 18.9949 17.2823 18.9808 17.3198C18.9661 17.3585 18.9506 17.3738 18.9506 17.3737C18.9546 17.3703 18.9816 17.3508 19.025 17.3508V17.8508ZM5.7153 11.2786H6.2153C6.2153 7.59075 8.85981 4.70457 12.0017 4.70457V4.20457V3.70457C8.19981 3.70457 5.2153 7.15271 5.2153 11.2786H5.7153ZM4.97923 17.8508V17.3508C5.02399 17.3508 5.0513 17.3712 5.05453 17.3741C5.05502 17.3745 5.05067 17.3706 5.04382 17.36C5.03705 17.3495 5.02934 17.3346 5.02239 17.3157C5.00788 17.2762 5.00158 17.2323 5.00391 17.1944C5.00624 17.1566 5.0159 17.1405 5.0168 17.1391L4.60239 16.8594L4.18798 16.5796C3.95513 16.9246 3.96982 17.35 4.08358 17.6601C4.19302 17.9584 4.48076 18.3508 4.97923 18.3508V17.8508ZM19.025 17.8508V17.3508H4.97923V17.8508V18.3508H19.025V17.8508ZM9.50226 21V21.5H14.5011V21V20.5H9.50226V21ZM4 6.37925L4.46738 6.55689C4.97801 5.2134 5.88806 4.10238 7.06313 3.43473L6.81612 3L6.56912 2.56527C5.1713 3.35948 4.11711 4.66378 3.53262 6.20161L4 6.37925ZM17.1641 3.0091L16.9123 3.4411C18.1073 4.13746 19.0448 5.22341 19.5308 6.54286L20 6.37003L20.4692 6.1972C19.8999 4.65183 18.8042 3.38617 17.4158 2.57709L17.1641 3.0091Z" fill="currentColor"/>
    </svg>
  );
}
BellRinging01.displayName = "BellRinging01";

export default BellRinging01;