Vela UI Docsvenizia.ai

bell-ringing-04

BellRinging04, 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-04.

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

Installation

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

Usage

// components/icons/bell-ringing-04.tsx
import BellRinging04 from "@/components/icons/bell-ringing-04"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function BellRinging04({ size = 24, strokeWidth = 0, className, ref, ...props }: BellRinging04Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M9.02718 20.6606L8.77606 20.2282V20.2282L9.02718 20.6606ZM8.28334 20.0979L7.78712 20.0366V20.0366L8.28334 20.0979ZM7.69451 16.9505L7.25783 17.1941L7.26085 17.1994L7.69451 16.9505ZM6.80557 15.3571L7.24225 15.1135L7.23922 15.1082L6.80557 15.3571ZM20.7936 13.8266L21.0447 14.259V14.259L20.7936 13.8266ZM20.6926 12.9076L20.8974 12.4515L20.8974 12.4515L20.6926 12.9076ZM18.3045 10.7882L17.8677 11.0316L17.8709 11.0371L18.3045 10.7882ZM17.4606 9.27323L17.8974 9.02989L17.8942 9.02435L17.4606 9.27323ZM9.01683 6.97555L9.26795 7.40792L9.01683 6.97555ZM14.5949 20.5863L14.8461 21.0187L14.5949 20.5863ZM2.56584 11.5987C2.60478 11.872 2.85797 12.0621 3.13135 12.0231C3.40474 11.9842 3.59479 11.731 3.55585 11.4576L3.06084 11.5281L2.56584 11.5987ZM4.24581 7.97464C4.39024 7.73928 4.31654 7.4314 4.08118 7.28697C3.84582 7.14253 3.53794 7.21624 3.3935 7.4516L3.81966 7.71312L4.24581 7.97464ZM11.9389 2.50118C11.6628 2.50642 11.4432 2.73448 11.4484 3.01058C11.4537 3.28667 11.6817 3.50624 11.9578 3.501L11.9484 3.00109L11.9389 2.50118ZM15.3055 4.61371C15.5203 4.78724 15.8351 4.75379 16.0087 4.53898C16.1822 4.32418 16.1487 4.00937 15.9339 3.83583L15.6197 4.22477L15.3055 4.61371ZM8.28334 20.0979L8.77956 20.1593C8.89832 19.1988 8.82406 17.9142 8.12816 16.7016L7.69451 16.9505L7.26085 17.1994C7.81837 18.1708 7.88799 19.2208 7.78712 20.0366L8.28334 20.0979ZM7.69451 16.9505L8.13115 16.7069L7.24222 15.1135L6.80557 15.3571L6.36892 15.6007L7.25786 17.1941L7.69451 16.9505ZM20.6926 12.9076L20.8974 12.4515C20.1639 12.1221 19.3028 11.5232 18.7382 10.5394L18.3045 10.7882L17.8709 11.0371C18.5682 12.2522 19.6197 12.9739 20.4877 13.3637L20.6926 12.9076ZM18.3045 10.7882L18.7413 10.5449L17.8974 9.02991L17.4606 9.27323L17.0238 9.51655L17.8677 11.0316L18.3045 10.7882ZM17.4606 9.27323L17.8942 9.02435C16.046 5.80408 11.9598 4.68804 8.76572 6.54319L9.01683 6.97555L9.26795 7.40792C11.9764 5.83485 15.451 6.77622 17.0269 9.52211L17.4606 9.27323ZM20.7936 13.8266L21.0447 14.259C21.4355 14.032 21.5303 13.6078 21.4916 13.2932C21.4531 12.9791 21.2682 12.618 20.8974 12.4515L20.6926 12.9076L20.4877 13.3637C20.4744 13.3577 20.4745 13.3525 20.4813 13.363C20.4887 13.3744 20.4964 13.3933 20.4991 13.415C20.5018 13.4373 20.4974 13.4459 20.4996 13.4405C20.501 13.437 20.5047 13.4292 20.5126 13.4196C20.5209 13.4097 20.5313 13.4008 20.5425 13.3943L20.7936 13.8266ZM6.80557 15.3571L7.23922 15.1082C5.68717 12.4039 6.60054 8.95715 9.26795 7.40792L9.01683 6.97555L8.76572 6.54319C5.61623 8.37241 4.54956 12.4307 6.37191 15.606L6.80557 15.3571ZM9.02718 20.6606L8.77606 20.2282C8.78761 20.2215 8.80117 20.2166 8.81479 20.2143C8.82787 20.2121 8.83723 20.2129 8.84148 20.2135C8.84803 20.2145 8.83836 20.2142 8.82002 20.1999C8.80213 20.1861 8.78914 20.1689 8.78275 20.1558C8.77685 20.1436 8.78127 20.1454 8.77956 20.1593L8.28334 20.0979L7.78712 20.0366C7.7366 20.4451 7.95435 20.7938 8.20672 20.9898C8.45921 21.1858 8.87992 21.3243 9.2783 21.0929L9.02718 20.6606ZM20.7936 13.8266L20.5425 13.3943L8.77606 20.2282L9.02718 20.6606L9.2783 21.0929L21.0447 14.259L20.7936 13.8266ZM15.7475 16.7574L15.3139 17.0063C15.9139 18.0518 15.5188 19.4715 14.3438 20.1539L14.5949 20.5863L14.8461 21.0187C16.4464 20.0892 17.0833 18.0804 16.1812 16.5085L15.7475 16.7574ZM14.5949 20.5863L14.3438 20.1539C13.1702 20.8356 11.7549 20.4705 11.1561 19.4271L10.7224 19.676L10.2887 19.9249C11.1921 21.4989 13.2444 21.9489 14.8461 21.0187L14.5949 20.5863ZM9.72479 4.31763L9.29114 4.56652C9.68899 5.25973 9.4517 6.14477 8.76572 6.54319L9.01683 6.97555L9.26795 7.40792C10.4322 6.73174 10.8288 5.2368 10.1584 4.06875L9.72479 4.31763ZM9.01683 6.97555L8.76572 6.54319C8.0815 6.94058 7.20521 6.70596 6.80836 6.01448L6.3747 6.26337L5.94105 6.51225C6.61241 7.68202 8.10197 8.08512 9.26795 7.40792L9.01683 6.97555ZM6.3747 6.26337L6.80836 6.01448C6.41051 5.32127 6.6478 4.43623 7.33378 4.03781L7.08266 3.60545L6.83154 3.17308C5.66732 3.84926 5.27068 5.3442 5.94105 6.51225L6.3747 6.26337ZM7.08266 3.60545L7.33378 4.03781C8.018 3.64042 8.89428 3.87504 9.29114 4.56652L9.72479 4.31763L10.1584 4.06875C9.48709 2.89897 7.99753 2.49588 6.83154 3.17308L7.08266 3.60545ZM3.06084 11.5281L3.55585 11.4576C3.38187 10.2363 3.61488 9.00275 4.24581 7.97464L3.81966 7.71312L3.3935 7.4516C2.6325 8.69165 2.36129 10.1627 2.56584 11.5987L3.06084 11.5281ZM11.9484 3.00109L11.9578 3.501C13.1865 3.47769 14.3734 3.86067 15.3055 4.61371L15.6197 4.22477L15.9339 3.83583C14.8061 2.92468 13.3858 2.47373 11.9389 2.50118L11.9484 3.00109Z" fill="currentColor"/>
    </svg>
  );
}
BellRinging04.displayName = "BellRinging04";

export default BellRinging04;