ベル、鈴、通知のアイコン

<span class="dli-bell"><span></span></span>

.dli-bell {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: 0.9em;
  height: 0.765em;
  border: 0.1em solid currentColor;
  border-bottom: 0;
  border-radius: 0.9em 0.9em 0 0;
  box-sizing: border-box;
  position: relative;
}

.dli-bell::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0.18em;
  height: 0.18em;
  background: currentColor;
  border-radius: 50% 50% 0 0;
  transform: translateX(-50%);
}

.dli-bell::after {
  content: '';
  position: absolute;
  top: 100%;
  left: -0.1em;
  right: -0.1em;
  height: 0.3em;
  background: inherit;
  border: 0.1em solid currentColor;
  border-top: 0;
  border-radius: 0 0 0.125em 0.125em;
  box-sizing: border-box;
  transform: perspective(1em) rotateX(60deg);
  transform-origin: top center;
}

.dli-bell > span {
  position: absolute;
  top: calc(100% + 0.2em);
  left: 50%;
  width: 0.405em;
  height: 0.2025em;
  background: inherit;
  border: 0.1em solid currentColor;
  border-top: 0;
  border-radius: 50% / 0% 0% 100% 100%;
  box-sizing: border-box;
  transform: translateX(-50%);
}