/// SVG Plus
///
@function icon-plus($color: currentColor, $width: 1) {
 @return escape-svg("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='#{$color}' stroke-width='#{$width}'><path d='M12 5v14M5 12h14'/></svg>");
}

/// SVG Minus
///
@function icon-minus($color: currentColor, $width: 1) {
  @return escape-svg("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='#{$color}' stroke-width='#{$width}'><path d='M5 12h14'/></svg>");
}

/// SVG Checkmark
///
@function icon-check($color: currentColor, $width: 1) {
  @return escape-svg("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='#{$color}' stroke-width='#{$width}'><path d='M20 6 9 17l-5-5' /></svg>");
}

/// SVG Cross
///
@function icon-cross($color: currentColor, $width: 1) {
   @return escape-svg("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='#{$color}' stroke-width='#{$width}'><path d='M18 6 6 18M6 6l12 12'/></svg>");
}

/// SVG Square
///
@function icon-square($color: currentColor, $width: 14) {
  @return escape-svg("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='#{$color}'><path d='M0 0h24v24H0z'/></svg>");
}

/// SVG Chevron Down
///
@function icon-arrow($color: currentColor, $width: 1) {
  @return escape-svg("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='#{$color}' stroke-width='#{$width}'><path d='m6 9 6 6 6-6'/></svg>")
}

/// SVG Hamburger Menu
///
@function icon-menu($color: currentColor, $width: 1) {
  @return escape-svg("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='#{$color}' stroke-width='#{$width}'><path d='M3 12h18M3 6h18M3 18h18'/></svg>")
}

/// SVG Image
///
@function icon-image($color: currentColor, $width: 1) {
  @return escape-svg("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='#{$color}' stroke-width='#{$width}' viewBox='0 0 24 24'><rect width='18' height='18' x='3' y='3'/><circle cx='8.5' cy='8.5' r='1.5'/><path d='m21 15-5-5L5 21'/></svg>")
}

/// SVG Seach Icon
///
@function icon-search($color: currentColor, $width: 1) {
  @return escape-svg("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='#{$color}' stroke-linejoin='round' stroke-linecap='round' stroke-width='#{$width}' viewBox='0 0 24 24'><path d='M14.0355 14.0355 20 20m-4.5-9.5c0 2.7614-2.2386 5-5 5-2.76142 0-5-2.2386-5-5 0-2.76142 2.23858-5 5-5 2.7614 0 5 2.23858 5 5Z'/></svg>")
}

/// SVG Delete Icon
///
@function icon-delete($color: currentColor, $width: 1) {
  @return escape-svg("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='#{$color}' stroke-width='#{$width}' stroke-linecap='round' stroke-linejoin='round'><path d='M21 4H8l-7 8 7 8h13a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm-3 5-6 6m0-6 6 6'/></svg>")
}

/// SVG Bell Icon
///
@function icon-bell($color: currentColor, $width: 1.2) {
  @return escape-svg("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='#{$color}' stroke-width='#{$width}' stroke-linecap='round' stroke-linejoin='round'><path d='M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9m-4.27 13a2 2 0 0 1-3.46 0'/></svg>")
}