Vela UI Docsvenizia.ai

bell-ringing-02

BellRinging02, 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-02.

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

Installation

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

Usage

// components/icons/bell-ringing-02.tsx
import BellRinging02 from "@/components/icons/bell-ringing-02"

<BellRinging02 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 BellRinging02Props extends React.SVGProps<SVGSVGElement> {
  size?: number | string;
}

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function BellRinging02({ size = 24, strokeWidth = 0, className, ref, ...props }: BellRinging02Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M4.60147 16.4759L4.19112 16.1903L4.19112 16.1903L4.60147 16.4759ZM5.69156 13.1034L5.19156 13.0978V13.1034H5.69156ZM5.71444 11.0643L6.21444 11.0699V11.0643H5.71444ZM19.4065 16.4923L19.8224 16.2147L19.8224 16.2147L19.4065 16.4923ZM18.3575 13.1034L17.8575 13.0975V13.1034H18.3575ZM18.3803 11.1653L18.8803 11.1712V11.1653H18.3803ZM9.81278 19.7604C9.59665 19.5885 9.2821 19.6244 9.11023 19.8405C8.93835 20.0567 8.97422 20.3712 9.19036 20.5431L9.50157 20.1517L9.81278 19.7604ZM14.8118 20.5431C15.028 20.3712 15.0638 20.0567 14.892 19.8405C14.7201 19.6244 14.4055 19.5885 14.1894 19.7604L14.5006 20.1517L14.8118 20.5431ZM3.53262 6.20156C3.43451 6.45969 3.56423 6.74847 3.82235 6.84659C4.08048 6.9447 4.36926 6.81498 4.46738 6.55686L4 6.37921L3.53262 6.20156ZM7.06324 3.43473C7.30334 3.29832 7.38739 2.9931 7.25098 2.75301C7.11457 2.51291 6.80935 2.42885 6.56925 2.56527L6.81625 3L7.06324 3.43473ZM17.4157 2.57712C17.1771 2.43809 16.8709 2.51881 16.7319 2.7574C16.5929 2.99599 16.6736 3.30211 16.9122 3.44114L17.1639 3.00913L17.4157 2.57712ZM19.5308 6.54286C19.6263 6.80198 19.9137 6.93465 20.1728 6.83919C20.432 6.74374 20.5646 6.4563 20.4692 6.19718L20 6.37002L19.5308 6.54286ZM4.60147 16.4759L5.01182 16.7616C5.60805 15.9052 6.19156 14.6387 6.19156 13.1034H5.69156H5.19156C5.19156 14.3825 4.70428 15.4532 4.19112 16.1903L4.60147 16.4759ZM5.69156 13.1034L6.19153 13.109L6.21441 11.0699L5.71444 11.0643L5.21447 11.0587L5.19159 13.0978L5.69156 13.1034ZM19.4065 16.4923L19.8224 16.2147C19.3303 15.4776 18.8575 14.3977 18.8575 13.1034H18.3575H17.8575C17.8575 14.6428 18.4185 15.9129 18.9907 16.7699L19.4065 16.4923ZM18.3575 13.1034L18.8574 13.1093L18.8803 11.1712L18.3803 11.1653L17.8804 11.1594L17.8575 13.0975L18.3575 13.1034ZM18.3803 11.1653H18.8803C18.8803 7.08687 15.8406 3.70465 12.0011 3.70465V4.20465V4.70465C15.208 4.70465 17.8803 7.55525 17.8803 11.1653H18.3803ZM19.0248 17.4373V17.9373C19.5066 17.9373 19.7982 17.5725 19.914 17.2756C20.0326 16.9717 20.0501 16.5558 19.8224 16.2147L19.4065 16.4923L18.9907 16.7699C18.99 16.769 18.9978 16.7805 18.9994 16.8113C19.001 16.8424 18.9953 16.879 18.9824 16.9122C18.969 16.9464 18.9552 16.9592 18.9561 16.9583C18.9609 16.9542 18.986 16.9373 19.0248 16.9373V17.4373ZM5.71444 11.0643H6.21444C6.21444 7.51002 8.84537 4.70465 12.0011 4.70465V4.20465V3.70465C8.21277 3.70465 5.21444 7.04163 5.21444 11.0643H5.71444ZM4.97833 17.4373V16.9373C5.01827 16.9373 5.04375 16.9551 5.04789 16.9587C5.04816 16.9589 5.03344 16.9447 5.01971 16.9085C5.00642 16.8733 5.00089 16.8349 5.00293 16.8027C5.00496 16.7708 5.01313 16.7597 5.01182 16.7616L4.60147 16.4759L4.19112 16.1903C3.95313 16.5321 3.96821 16.9552 4.08442 17.2623C4.19769 17.5617 4.48895 17.9373 4.97833 17.9373V17.4373ZM19.0248 17.4373V16.9373H4.97833V17.4373V17.9373H19.0248V17.4373ZM12.0011 21V20.5C11.1521 20.5 10.3862 20.2164 9.81278 19.7604L9.50157 20.1517L9.19036 20.5431C9.94354 21.142 10.9296 21.5 12.0011 21.5V21ZM14.5006 20.1517L14.1894 19.7604C13.6159 20.2164 12.8501 20.5 12.0011 20.5V21V21.5C13.0726 21.5 14.0587 21.142 14.8118 20.5431L14.5006 20.1517ZM4 6.37921L4.46738 6.55686C4.97803 5.21339 5.88811 4.10238 7.06324 3.43473L6.81625 3L6.56925 2.56527C5.17138 3.35946 4.11714 4.66375 3.53262 6.20156L4 6.37921ZM17.1639 3.00913L16.9122 3.44114C18.1073 4.13749 19.0448 5.22343 19.5308 6.54286L20 6.37002L20.4692 6.19718C19.8999 4.65183 18.8042 3.38618 17.4157 2.57712L17.1639 3.00913Z" fill="currentColor"/>
    </svg>
  );
}
BellRinging02.displayName = "BellRinging02";

export default BellRinging02;