- Tema: redes, teléfono, correo, ubicación, reloj, flecha, check y menú pasan a Doodle Icons (Khushmeen Sidhu, CC0), en assets/icons/ y leídos por ga_icon(); la huella y el logotipo no cambian. Sin máscara de recorte, en currentColor y a 20 px. Se «menean» al pasar el ratón. - design/doodle-icons/: los 451 SVG originales, catálogo con buscador, script to-theme.py para añadir iconos al tema y README con origen y licencia. Fuera de la imagen Docker (.dockerignore). Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
45 lines
69 KiB
HTML
45 lines
69 KiB
HTML
<!doctype html>
|
|
<html lang="es"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Doodle Icons · catálogo</title>
|
|
<style>
|
|
body { margin: 0; padding: 24px 16px 60px; font: 15px/1.4 system-ui, sans-serif; background: #fdf8f1; color: #241a21; }
|
|
header { max-width: 1180px; margin: 0 auto 8px; }
|
|
h1 { margin: 0 0 6px; font-size: 1.6rem; }
|
|
p { margin: 0 0 14px; color: #5f5560; }
|
|
code { background: #f5ead9; padding: 1px 5px; border-radius: 4px; }
|
|
input { width: min(100%, 420px); padding: 10px 14px; font: inherit; border: 1.5px solid #d9cfc6; border-radius: 999px; background: #fff; }
|
|
section { max-width: 1180px; margin: 28px auto 0; }
|
|
h2 { font-size: 1.05rem; text-transform: capitalize; margin: 0 0 12px; }
|
|
h2 small { color: #8a7f88; font-weight: 400; }
|
|
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 10px; }
|
|
figure { margin: 0; padding: 14px 8px 10px; background: #fff; border: 1px solid #ece3da; border-radius: 12px; text-align: center; cursor: copy; }
|
|
figure:hover { border-color: #5b2c4e; }
|
|
figure.copied { background: #f3ecf1; }
|
|
img { width: 40px; height: 40px; object-fit: contain; }
|
|
figcaption { margin-top: 8px; font-size: .72rem; color: #5f5560; word-break: break-word; }
|
|
[hidden] { display: none !important; }
|
|
</style></head><body>
|
|
<header>
|
|
<h1>Doodle Icons · 451 iconos</h1>
|
|
<p>De Khushmeen Sidhu, licencia CC0. Pulsa un icono para copiar su nombre y pásalo a <code>python3 design/doodle-icons/to-theme.py <nombre></code>.</p>
|
|
<input type="search" placeholder="Buscar (heart, dog, mail…)" aria-label="Buscar icono" autofocus>
|
|
</header>
|
|
<section><h2>arrows <small>24</small></h2><div class="grid"><figure data-name="arrows/arrow-circle-down"><img src="svg/arrows/arrow-circle-down.svg" alt="" loading="lazy"><figcaption>arrows/arrow-circle-down</figcaption></figure><figure data-name="arrows/arrow-circle-left"><img src="svg/arrows/arrow-circle-left.svg" alt="" loading="lazy"><figcaption>arrows/arrow-circle-left</figcaption></figure><figure data-name="arrows/arrow-circle-right"><img src="svg/arrows/arrow-circle-right.svg" alt="" loading="lazy"><figcaption>arrows/arrow-circle-right</figcaption></figure><figure data-name="arrows/arrow-circle-up"><img src="svg/arrows/arrow-circle-up.svg" alt="" loading="lazy"><figcaption>arrows/arrow-circle-up</figcaption></figure><figure data-name="arrows/arrow-down"><img src="svg/arrows/arrow-down.svg" alt="" loading="lazy"><figcaption>arrows/arrow-down</figcaption></figure><figure data-name="arrows/arrow-left"><img src="svg/arrows/arrow-left.svg" alt="" loading="lazy"><figcaption>arrows/arrow-left</figcaption></figure><figure data-name="arrows/arrow-ne"><img src="svg/arrows/arrow-ne.svg" alt="" loading="lazy"><figcaption>arrows/arrow-ne</figcaption></figure><figure data-name="arrows/arrow-nw"><img src="svg/arrows/arrow-nw.svg" alt="" loading="lazy"><figcaption>arrows/arrow-nw</figcaption></figure><figure data-name="arrows/arrow-right"><img src="svg/arrows/arrow-right.svg" alt="" loading="lazy"><figcaption>arrows/arrow-right</figcaption></figure><figure data-name="arrows/arrow-se"><img src="svg/arrows/arrow-se.svg" alt="" loading="lazy"><figcaption>arrows/arrow-se</figcaption></figure><figure data-name="arrows/arrow-single-down"><img src="svg/arrows/arrow-single-down.svg" alt="" loading="lazy"><figcaption>arrows/arrow-single-down</figcaption></figure><figure data-name="arrows/arrow-single-left"><img src="svg/arrows/arrow-single-left.svg" alt="" loading="lazy"><figcaption>arrows/arrow-single-left</figcaption></figure><figure data-name="arrows/arrow-single-right"><img src="svg/arrows/arrow-single-right.svg" alt="" loading="lazy"><figcaption>arrows/arrow-single-right</figcaption></figure><figure data-name="arrows/arrow-single-up"><img src="svg/arrows/arrow-single-up.svg" alt="" loading="lazy"><figcaption>arrows/arrow-single-up</figcaption></figure><figure data-name="arrows/arrow-square-down"><img src="svg/arrows/arrow-square-down.svg" alt="" loading="lazy"><figcaption>arrows/arrow-square-down</figcaption></figure><figure data-name="arrows/arrow-square-left"><img src="svg/arrows/arrow-square-left.svg" alt="" loading="lazy"><figcaption>arrows/arrow-square-left</figcaption></figure><figure data-name="arrows/arrow-square-right"><img src="svg/arrows/arrow-square-right.svg" alt="" loading="lazy"><figcaption>arrows/arrow-square-right</figcaption></figure><figure data-name="arrows/arrow-square-up"><img src="svg/arrows/arrow-square-up.svg" alt="" loading="lazy"><figcaption>arrows/arrow-square-up</figcaption></figure><figure data-name="arrows/arrow-sw"><img src="svg/arrows/arrow-sw.svg" alt="" loading="lazy"><figcaption>arrows/arrow-sw</figcaption></figure><figure data-name="arrows/arrow-up"><img src="svg/arrows/arrow-up.svg" alt="" loading="lazy"><figcaption>arrows/arrow-up</figcaption></figure><figure data-name="arrows/chevrons-down"><img src="svg/arrows/chevrons-down.svg" alt="" loading="lazy"><figcaption>arrows/chevrons-down</figcaption></figure><figure data-name="arrows/chevrons-left"><img src="svg/arrows/chevrons-left.svg" alt="" loading="lazy"><figcaption>arrows/chevrons-left</figcaption></figure><figure data-name="arrows/chevrons-right"><img src="svg/arrows/chevrons-right.svg" alt="" loading="lazy"><figcaption>arrows/chevrons-right</figcaption></figure><figure data-name="arrows/chevrons-up"><img src="svg/arrows/chevrons-up.svg" alt="" loading="lazy"><figcaption>arrows/chevrons-up</figcaption></figure></div></section><section><h2>currency <small>8</small></h2><div class="grid"><figure data-name="currency/dollar"><img src="svg/currency/dollar.svg" alt="" loading="lazy"><figcaption>currency/dollar</figcaption></figure><figure data-name="currency/euro"><img src="svg/currency/euro.svg" alt="" loading="lazy"><figcaption>currency/euro</figcaption></figure><figure data-name="currency/franc"><img src="svg/currency/franc.svg" alt="" loading="lazy"><figcaption>currency/franc</figcaption></figure><figure data-name="currency/pound"><img src="svg/currency/pound.svg" alt="" loading="lazy"><figcaption>currency/pound</figcaption></figure><figure data-name="currency/ruble"><img src="svg/currency/ruble.svg" alt="" loading="lazy"><figcaption>currency/ruble</figcaption></figure><figure data-name="currency/rupee"><img src="svg/currency/rupee.svg" alt="" loading="lazy"><figcaption>currency/rupee</figcaption></figure><figure data-name="currency/won"><img src="svg/currency/won.svg" alt="" loading="lazy"><figcaption>currency/won</figcaption></figure><figure data-name="currency/yen"><img src="svg/currency/yen.svg" alt="" loading="lazy"><figcaption>currency/yen</figcaption></figure></div></section><section><h2>e-commerce <small>27</small></h2><div class="grid"><figure data-name="e-commerce/bag-2"><img src="svg/e-commerce/bag-2.svg" alt="" loading="lazy"><figcaption>e-commerce/bag-2</figcaption></figure><figure data-name="e-commerce/bag"><img src="svg/e-commerce/bag.svg" alt="" loading="lazy"><figcaption>e-commerce/bag</figcaption></figure><figure data-name="e-commerce/basket"><img src="svg/e-commerce/basket.svg" alt="" loading="lazy"><figcaption>e-commerce/basket</figcaption></figure><figure data-name="e-commerce/box-2"><img src="svg/e-commerce/box-2.svg" alt="" loading="lazy"><figcaption>e-commerce/box-2</figcaption></figure><figure data-name="e-commerce/box"><img src="svg/e-commerce/box.svg" alt="" loading="lazy"><figcaption>e-commerce/box</figcaption></figure><figure data-name="e-commerce/card-2"><img src="svg/e-commerce/card-2.svg" alt="" loading="lazy"><figcaption>e-commerce/card-2</figcaption></figure><figure data-name="e-commerce/card-3"><img src="svg/e-commerce/card-3.svg" alt="" loading="lazy"><figcaption>e-commerce/card-3</figcaption></figure><figure data-name="e-commerce/card"><img src="svg/e-commerce/card.svg" alt="" loading="lazy"><figcaption>e-commerce/card</figcaption></figure><figure data-name="e-commerce/cart-add"><img src="svg/e-commerce/cart-add.svg" alt="" loading="lazy"><figcaption>e-commerce/cart-add</figcaption></figure><figure data-name="e-commerce/cart-delete"><img src="svg/e-commerce/cart-delete.svg" alt="" loading="lazy"><figcaption>e-commerce/cart-delete</figcaption></figure><figure data-name="e-commerce/cart-remove"><img src="svg/e-commerce/cart-remove.svg" alt="" loading="lazy"><figcaption>e-commerce/cart-remove</figcaption></figure><figure data-name="e-commerce/conveyor-belt"><img src="svg/e-commerce/conveyor-belt.svg" alt="" loading="lazy"><figcaption>e-commerce/conveyor-belt</figcaption></figure><figure data-name="e-commerce/factory"><img src="svg/e-commerce/factory.svg" alt="" loading="lazy"><figcaption>e-commerce/factory</figcaption></figure><figure data-name="e-commerce/hand-truck"><img src="svg/e-commerce/hand-truck.svg" alt="" loading="lazy"><figcaption>e-commerce/hand-truck</figcaption></figure><figure data-name="e-commerce/location"><img src="svg/e-commerce/location.svg" alt="" loading="lazy"><figcaption>e-commerce/location</figcaption></figure><figure data-name="e-commerce/offer"><img src="svg/e-commerce/offer.svg" alt="" loading="lazy"><figcaption>e-commerce/offer</figcaption></figure><figure data-name="e-commerce/qr"><img src="svg/e-commerce/qr.svg" alt="" loading="lazy"><figcaption>e-commerce/qr</figcaption></figure><figure data-name="e-commerce/sale"><img src="svg/e-commerce/sale.svg" alt="" loading="lazy"><figcaption>e-commerce/sale</figcaption></figure><figure data-name="e-commerce/shop"><img src="svg/e-commerce/shop.svg" alt="" loading="lazy"><figcaption>e-commerce/shop</figcaption></figure><figure data-name="e-commerce/shopping-cart-2"><img src="svg/e-commerce/shopping-cart-2.svg" alt="" loading="lazy"><figcaption>e-commerce/shopping-cart-2</figcaption></figure><figure data-name="e-commerce/shopping-cart-3"><img src="svg/e-commerce/shopping-cart-3.svg" alt="" loading="lazy"><figcaption>e-commerce/shopping-cart-3</figcaption></figure><figure data-name="e-commerce/shopping-cart"><img src="svg/e-commerce/shopping-cart.svg" alt="" loading="lazy"><figcaption>e-commerce/shopping-cart</figcaption></figure><figure data-name="e-commerce/tag-2"><img src="svg/e-commerce/tag-2.svg" alt="" loading="lazy"><figcaption>e-commerce/tag-2</figcaption></figure><figure data-name="e-commerce/tag"><img src="svg/e-commerce/tag.svg" alt="" loading="lazy"><figcaption>e-commerce/tag</figcaption></figure><figure data-name="e-commerce/truck"><img src="svg/e-commerce/truck.svg" alt="" loading="lazy"><figcaption>e-commerce/truck</figcaption></figure><figure data-name="e-commerce/unbox"><img src="svg/e-commerce/unbox.svg" alt="" loading="lazy"><figcaption>e-commerce/unbox</figcaption></figure><figure data-name="e-commerce/warehouse"><img src="svg/e-commerce/warehouse.svg" alt="" loading="lazy"><figcaption>e-commerce/warehouse</figcaption></figure></div></section><section><h2>emojis <small>14</small></h2><div class="grid"><figure data-name="emojis/confused-emoji"><img src="svg/emojis/confused-emoji.svg" alt="" loading="lazy"><figcaption>emojis/confused-emoji</figcaption></figure><figure data-name="emojis/cool-emoji"><img src="svg/emojis/cool-emoji.svg" alt="" loading="lazy"><figcaption>emojis/cool-emoji</figcaption></figure><figure data-name="emojis/crying-emoji"><img src="svg/emojis/crying-emoji.svg" alt="" loading="lazy"><figcaption>emojis/crying-emoji</figcaption></figure><figure data-name="emojis/grinning-squinting-emoji"><img src="svg/emojis/grinning-squinting-emoji.svg" alt="" loading="lazy"><figcaption>emojis/grinning-squinting-emoji</figcaption></figure><figure data-name="emojis/happy-emoji"><img src="svg/emojis/happy-emoji.svg" alt="" loading="lazy"><figcaption>emojis/happy-emoji</figcaption></figure><figure data-name="emojis/heart-eyes-emoji"><img src="svg/emojis/heart-eyes-emoji.svg" alt="" loading="lazy"><figcaption>emojis/heart-eyes-emoji</figcaption></figure><figure data-name="emojis/laugh-emoji"><img src="svg/emojis/laugh-emoji.svg" alt="" loading="lazy"><figcaption>emojis/laugh-emoji</figcaption></figure><figure data-name="emojis/sad-emoji"><img src="svg/emojis/sad-emoji.svg" alt="" loading="lazy"><figcaption>emojis/sad-emoji</figcaption></figure><figure data-name="emojis/shocked-emoji"><img src="svg/emojis/shocked-emoji.svg" alt="" loading="lazy"><figcaption>emojis/shocked-emoji</figcaption></figure><figure data-name="emojis/smiling-emoji"><img src="svg/emojis/smiling-emoji.svg" alt="" loading="lazy"><figcaption>emojis/smiling-emoji</figcaption></figure><figure data-name="emojis/smiling-with-eyes-emoji"><img src="svg/emojis/smiling-with-eyes-emoji.svg" alt="" loading="lazy"><figcaption>emojis/smiling-with-eyes-emoji</figcaption></figure><figure data-name="emojis/surprised-emoji"><img src="svg/emojis/surprised-emoji.svg" alt="" loading="lazy"><figcaption>emojis/surprised-emoji</figcaption></figure><figure data-name="emojis/wink-emoji"><img src="svg/emojis/wink-emoji.svg" alt="" loading="lazy"><figcaption>emojis/wink-emoji</figcaption></figure><figure data-name="emojis/worried-emoji"><img src="svg/emojis/worried-emoji.svg" alt="" loading="lazy"><figcaption>emojis/worried-emoji</figcaption></figure></div></section><section><h2>files <small>24</small></h2><div class="grid"><figure data-name="files/file-attachment"><img src="svg/files/file-attachment.svg" alt="" loading="lazy"><figcaption>files/file-attachment</figcaption></figure><figure data-name="files/file-audio"><img src="svg/files/file-audio.svg" alt="" loading="lazy"><figcaption>files/file-audio</figcaption></figure><figure data-name="files/file-code"><img src="svg/files/file-code.svg" alt="" loading="lazy"><figcaption>files/file-code</figcaption></figure><figure data-name="files/file-contract"><img src="svg/files/file-contract.svg" alt="" loading="lazy"><figcaption>files/file-contract</figcaption></figure><figure data-name="files/file-csv"><img src="svg/files/file-csv.svg" alt="" loading="lazy"><figcaption>files/file-csv</figcaption></figure><figure data-name="files/file-figma"><img src="svg/files/file-figma.svg" alt="" loading="lazy"><figcaption>files/file-figma</figcaption></figure><figure data-name="files/file-form"><img src="svg/files/file-form.svg" alt="" loading="lazy"><figcaption>files/file-form</figcaption></figure><figure data-name="files/file-image-2"><img src="svg/files/file-image-2.svg" alt="" loading="lazy"><figcaption>files/file-image-2</figcaption></figure><figure data-name="files/file-image"><img src="svg/files/file-image.svg" alt="" loading="lazy"><figcaption>files/file-image</figcaption></figure><figure data-name="files/file-invoice"><img src="svg/files/file-invoice.svg" alt="" loading="lazy"><figcaption>files/file-invoice</figcaption></figure><figure data-name="files/file-jpg"><img src="svg/files/file-jpg.svg" alt="" loading="lazy"><figcaption>files/file-jpg</figcaption></figure><figure data-name="files/file-list"><img src="svg/files/file-list.svg" alt="" loading="lazy"><figcaption>files/file-list</figcaption></figure><figure data-name="files/file-mov"><img src="svg/files/file-mov.svg" alt="" loading="lazy"><figcaption>files/file-mov</figcaption></figure><figure data-name="files/file-mp4"><img src="svg/files/file-mp4.svg" alt="" loading="lazy"><figcaption>files/file-mp4</figcaption></figure><figure data-name="files/file-notes"><img src="svg/files/file-notes.svg" alt="" loading="lazy"><figcaption>files/file-notes</figcaption></figure><figure data-name="files/file-pdf"><img src="svg/files/file-pdf.svg" alt="" loading="lazy"><figcaption>files/file-pdf</figcaption></figure><figure data-name="files/file-png"><img src="svg/files/file-png.svg" alt="" loading="lazy"><figcaption>files/file-png</figcaption></figure><figure data-name="files/file-spreadsheet"><img src="svg/files/file-spreadsheet.svg" alt="" loading="lazy"><figcaption>files/file-spreadsheet</figcaption></figure><figure data-name="files/file-svg"><img src="svg/files/file-svg.svg" alt="" loading="lazy"><figcaption>files/file-svg</figcaption></figure><figure data-name="files/file-text"><img src="svg/files/file-text.svg" alt="" loading="lazy"><figcaption>files/file-text</figcaption></figure><figure data-name="files/file-vector"><img src="svg/files/file-vector.svg" alt="" loading="lazy"><figcaption>files/file-vector</figcaption></figure><figure data-name="files/file-zip"><img src="svg/files/file-zip.svg" alt="" loading="lazy"><figcaption>files/file-zip</figcaption></figure><figure data-name="files/file"><img src="svg/files/file.svg" alt="" loading="lazy"><figcaption>files/file</figcaption></figure><figure data-name="files/png"><img src="svg/files/png.svg" alt="" loading="lazy"><figcaption>files/png</figcaption></figure></div></section><section><h2>finance <small>15</small></h2><div class="grid"><figure data-name="finance/bank"><img src="svg/finance/bank.svg" alt="" loading="lazy"><figcaption>finance/bank</figcaption></figure><figure data-name="finance/bill"><img src="svg/finance/bill.svg" alt="" loading="lazy"><figcaption>finance/bill</figcaption></figure><figure data-name="finance/cash"><img src="svg/finance/cash.svg" alt="" loading="lazy"><figcaption>finance/cash</figcaption></figure><figure data-name="finance/coin-2"><img src="svg/finance/coin-2.svg" alt="" loading="lazy"><figcaption>finance/coin-2</figcaption></figure><figure data-name="finance/coin"><img src="svg/finance/coin.svg" alt="" loading="lazy"><figcaption>finance/coin</figcaption></figure><figure data-name="finance/dollar"><img src="svg/finance/dollar.svg" alt="" loading="lazy"><figcaption>finance/dollar</figcaption></figure><figure data-name="finance/money-plant"><img src="svg/finance/money-plant.svg" alt="" loading="lazy"><figcaption>finance/money-plant</figcaption></figure><figure data-name="finance/piggy-bank"><img src="svg/finance/piggy-bank.svg" alt="" loading="lazy"><figcaption>finance/piggy-bank</figcaption></figure><figure data-name="finance/safe"><img src="svg/finance/safe.svg" alt="" loading="lazy"><figcaption>finance/safe</figcaption></figure><figure data-name="finance/saving"><img src="svg/finance/saving.svg" alt="" loading="lazy"><figcaption>finance/saving</figcaption></figure><figure data-name="finance/trend-down-square"><img src="svg/finance/trend-down-square.svg" alt="" loading="lazy"><figcaption>finance/trend-down-square</figcaption></figure><figure data-name="finance/trend-down"><img src="svg/finance/trend-down.svg" alt="" loading="lazy"><figcaption>finance/trend-down</figcaption></figure><figure data-name="finance/trend-up-square"><img src="svg/finance/trend-up-square.svg" alt="" loading="lazy"><figcaption>finance/trend-up-square</figcaption></figure><figure data-name="finance/trend-up"><img src="svg/finance/trend-up.svg" alt="" loading="lazy"><figcaption>finance/trend-up</figcaption></figure><figure data-name="finance/wallet"><img src="svg/finance/wallet.svg" alt="" loading="lazy"><figcaption>finance/wallet</figcaption></figure></div></section><section><h2>food <small>14</small></h2><div class="grid"><figure data-name="food/burger"><img src="svg/food/burger.svg" alt="" loading="lazy"><figcaption>food/burger</figcaption></figure><figure data-name="food/cake"><img src="svg/food/cake.svg" alt="" loading="lazy"><figcaption>food/cake</figcaption></figure><figure data-name="food/candy"><img src="svg/food/candy.svg" alt="" loading="lazy"><figcaption>food/candy</figcaption></figure><figure data-name="food/cutlery"><img src="svg/food/cutlery.svg" alt="" loading="lazy"><figcaption>food/cutlery</figcaption></figure><figure data-name="food/dish"><img src="svg/food/dish.svg" alt="" loading="lazy"><figcaption>food/dish</figcaption></figure><figure data-name="food/drink"><img src="svg/food/drink.svg" alt="" loading="lazy"><figcaption>food/drink</figcaption></figure><figure data-name="food/egg"><img src="svg/food/egg.svg" alt="" loading="lazy"><figcaption>food/egg</figcaption></figure><figure data-name="food/fork"><img src="svg/food/fork.svg" alt="" loading="lazy"><figcaption>food/fork</figcaption></figure><figure data-name="food/ice-cream"><img src="svg/food/ice-cream.svg" alt="" loading="lazy"><figcaption>food/ice-cream</figcaption></figure><figure data-name="food/pizza-2"><img src="svg/food/pizza-2.svg" alt="" loading="lazy"><figcaption>food/pizza-2</figcaption></figure><figure data-name="food/pizza"><img src="svg/food/pizza.svg" alt="" loading="lazy"><figcaption>food/pizza</figcaption></figure><figure data-name="food/popsicle"><img src="svg/food/popsicle.svg" alt="" loading="lazy"><figcaption>food/popsicle</figcaption></figure><figure data-name="food/spoon"><img src="svg/food/spoon.svg" alt="" loading="lazy"><figcaption>food/spoon</figcaption></figure><figure data-name="food/water"><img src="svg/food/water.svg" alt="" loading="lazy"><figcaption>food/water</figcaption></figure></div></section><section><h2>gender-symbols <small>12</small></h2><div class="grid"><figure data-name="gender-symbols/bisexual"><img src="svg/gender-symbols/bisexual.svg" alt="" loading="lazy"><figcaption>gender-symbols/bisexual</figcaption></figure><figure data-name="gender-symbols/female"><img src="svg/gender-symbols/female.svg" alt="" loading="lazy"><figcaption>gender-symbols/female</figcaption></figure><figure data-name="gender-symbols/gay"><img src="svg/gender-symbols/gay.svg" alt="" loading="lazy"><figcaption>gender-symbols/gay</figcaption></figure><figure data-name="gender-symbols/genderless"><img src="svg/gender-symbols/genderless.svg" alt="" loading="lazy"><figcaption>gender-symbols/genderless</figcaption></figure><figure data-name="gender-symbols/hetro"><img src="svg/gender-symbols/hetro.svg" alt="" loading="lazy"><figcaption>gender-symbols/hetro</figcaption></figure><figure data-name="gender-symbols/intersex"><img src="svg/gender-symbols/intersex.svg" alt="" loading="lazy"><figcaption>gender-symbols/intersex</figcaption></figure><figure data-name="gender-symbols/lesbian"><img src="svg/gender-symbols/lesbian.svg" alt="" loading="lazy"><figcaption>gender-symbols/lesbian</figcaption></figure><figure data-name="gender-symbols/male"><img src="svg/gender-symbols/male.svg" alt="" loading="lazy"><figcaption>gender-symbols/male</figcaption></figure><figure data-name="gender-symbols/non-binary-transgender"><img src="svg/gender-symbols/non-binary-transgender.svg" alt="" loading="lazy"><figcaption>gender-symbols/non-binary-transgender</figcaption></figure><figure data-name="gender-symbols/other-gender"><img src="svg/gender-symbols/other-gender.svg" alt="" loading="lazy"><figcaption>gender-symbols/other-gender</figcaption></figure><figure data-name="gender-symbols/transgender-2"><img src="svg/gender-symbols/transgender-2.svg" alt="" loading="lazy"><figcaption>gender-symbols/transgender-2</figcaption></figure><figure data-name="gender-symbols/transgender"><img src="svg/gender-symbols/transgender.svg" alt="" loading="lazy"><figcaption>gender-symbols/transgender</figcaption></figure></div></section><section><h2>hand-gestures <small>46</small></h2><div class="grid"><figure data-name="hand-gestures/2-double-tap"><img src="svg/hand-gestures/2-double-tap.svg" alt="" loading="lazy"><figcaption>hand-gestures/2-double-tap</figcaption></figure><figure data-name="hand-gestures/2-scroll-left"><img src="svg/hand-gestures/2-scroll-left.svg" alt="" loading="lazy"><figcaption>hand-gestures/2-scroll-left</figcaption></figure><figure data-name="hand-gestures/2-scroll-right"><img src="svg/hand-gestures/2-scroll-right.svg" alt="" loading="lazy"><figcaption>hand-gestures/2-scroll-right</figcaption></figure><figure data-name="hand-gestures/2-scroll-up-1"><img src="svg/hand-gestures/2-scroll-up-1.svg" alt="" loading="lazy"><figcaption>hand-gestures/2-scroll-up-1</figcaption></figure><figure data-name="hand-gestures/2-scroll-up"><img src="svg/hand-gestures/2-scroll-up.svg" alt="" loading="lazy"><figcaption>hand-gestures/2-scroll-up</figcaption></figure><figure data-name="hand-gestures/2-tap-1"><img src="svg/hand-gestures/2-tap-1.svg" alt="" loading="lazy"><figcaption>hand-gestures/2-tap-1</figcaption></figure><figure data-name="hand-gestures/2-tap"><img src="svg/hand-gestures/2-tap.svg" alt="" loading="lazy"><figcaption>hand-gestures/2-tap</figcaption></figure><figure data-name="hand-gestures/2-touch-hold"><img src="svg/hand-gestures/2-touch-hold.svg" alt="" loading="lazy"><figcaption>hand-gestures/2-touch-hold</figcaption></figure><figure data-name="hand-gestures/3-scroll-down"><img src="svg/hand-gestures/3-scroll-down.svg" alt="" loading="lazy"><figcaption>hand-gestures/3-scroll-down</figcaption></figure><figure data-name="hand-gestures/3-scroll-up"><img src="svg/hand-gestures/3-scroll-up.svg" alt="" loading="lazy"><figcaption>hand-gestures/3-scroll-up</figcaption></figure><figure data-name="hand-gestures/3-tap-scroll"><img src="svg/hand-gestures/3-tap-scroll.svg" alt="" loading="lazy"><figcaption>hand-gestures/3-tap-scroll</figcaption></figure><figure data-name="hand-gestures/3-tap"><img src="svg/hand-gestures/3-tap.svg" alt="" loading="lazy"><figcaption>hand-gestures/3-tap</figcaption></figure><figure data-name="hand-gestures/clap"><img src="svg/hand-gestures/clap.svg" alt="" loading="lazy"><figcaption>hand-gestures/clap</figcaption></figure><figure data-name="hand-gestures/double-tap"><img src="svg/hand-gestures/double-tap.svg" alt="" loading="lazy"><figcaption>hand-gestures/double-tap</figcaption></figure><figure data-name="hand-gestures/folded-hands"><img src="svg/hand-gestures/folded-hands.svg" alt="" loading="lazy"><figcaption>hand-gestures/folded-hands</figcaption></figure><figure data-name="hand-gestures/free-drag"><img src="svg/hand-gestures/free-drag.svg" alt="" loading="lazy"><figcaption>hand-gestures/free-drag</figcaption></figure><figure data-name="hand-gestures/hand"><img src="svg/hand-gestures/hand.svg" alt="" loading="lazy"><figcaption>hand-gestures/hand</figcaption></figure><figure data-name="hand-gestures/horizontal-scroll"><img src="svg/hand-gestures/horizontal-scroll.svg" alt="" loading="lazy"><figcaption>hand-gestures/horizontal-scroll</figcaption></figure><figure data-name="hand-gestures/multi-touch"><img src="svg/hand-gestures/multi-touch.svg" alt="" loading="lazy"><figcaption>hand-gestures/multi-touch</figcaption></figure><figure data-name="hand-gestures/ok"><img src="svg/hand-gestures/ok.svg" alt="" loading="lazy"><figcaption>hand-gestures/ok</figcaption></figure><figure data-name="hand-gestures/page-move"><img src="svg/hand-gestures/page-move.svg" alt="" loading="lazy"><figcaption>hand-gestures/page-move</figcaption></figure><figure data-name="hand-gestures/point-down"><img src="svg/hand-gestures/point-down.svg" alt="" loading="lazy"><figcaption>hand-gestures/point-down</figcaption></figure><figure data-name="hand-gestures/point-left"><img src="svg/hand-gestures/point-left.svg" alt="" loading="lazy"><figcaption>hand-gestures/point-left</figcaption></figure><figure data-name="hand-gestures/point-right"><img src="svg/hand-gestures/point-right.svg" alt="" loading="lazy"><figcaption>hand-gestures/point-right</figcaption></figure><figure data-name="hand-gestures/point-up"><img src="svg/hand-gestures/point-up.svg" alt="" loading="lazy"><figcaption>hand-gestures/point-up</figcaption></figure><figure data-name="hand-gestures/rotate"><img src="svg/hand-gestures/rotate.svg" alt="" loading="lazy"><figcaption>hand-gestures/rotate</figcaption></figure><figure data-name="hand-gestures/scan-fingerprint"><img src="svg/hand-gestures/scan-fingerprint.svg" alt="" loading="lazy"><figcaption>hand-gestures/scan-fingerprint</figcaption></figure><figure data-name="hand-gestures/scan"><img src="svg/hand-gestures/scan.svg" alt="" loading="lazy"><figcaption>hand-gestures/scan</figcaption></figure><figure data-name="hand-gestures/screen-rotate"><img src="svg/hand-gestures/screen-rotate.svg" alt="" loading="lazy"><figcaption>hand-gestures/screen-rotate</figcaption></figure><figure data-name="hand-gestures/scroll-down"><img src="svg/hand-gestures/scroll-down.svg" alt="" loading="lazy"><figcaption>hand-gestures/scroll-down</figcaption></figure><figure data-name="hand-gestures/scroll-left-1"><img src="svg/hand-gestures/scroll-left-1.svg" alt="" loading="lazy"><figcaption>hand-gestures/scroll-left-1</figcaption></figure><figure data-name="hand-gestures/scroll-left"><img src="svg/hand-gestures/scroll-left.svg" alt="" loading="lazy"><figcaption>hand-gestures/scroll-left</figcaption></figure><figure data-name="hand-gestures/scroll-up"><img src="svg/hand-gestures/scroll-up.svg" alt="" loading="lazy"><figcaption>hand-gestures/scroll-up</figcaption></figure><figure data-name="hand-gestures/swipe-left"><img src="svg/hand-gestures/swipe-left.svg" alt="" loading="lazy"><figcaption>hand-gestures/swipe-left</figcaption></figure><figure data-name="hand-gestures/swipe-right"><img src="svg/hand-gestures/swipe-right.svg" alt="" loading="lazy"><figcaption>hand-gestures/swipe-right</figcaption></figure><figure data-name="hand-gestures/tap-1"><img src="svg/hand-gestures/tap-1.svg" alt="" loading="lazy"><figcaption>hand-gestures/tap-1</figcaption></figure><figure data-name="hand-gestures/tap"><img src="svg/hand-gestures/tap.svg" alt="" loading="lazy"><figcaption>hand-gestures/tap</figcaption></figure><figure data-name="hand-gestures/thumbs-down"><img src="svg/hand-gestures/thumbs-down.svg" alt="" loading="lazy"><figcaption>hand-gestures/thumbs-down</figcaption></figure><figure data-name="hand-gestures/thumbs-up"><img src="svg/hand-gestures/thumbs-up.svg" alt="" loading="lazy"><figcaption>hand-gestures/thumbs-up</figcaption></figure><figure data-name="hand-gestures/touch-hold"><img src="svg/hand-gestures/touch-hold.svg" alt="" loading="lazy"><figcaption>hand-gestures/touch-hold</figcaption></figure><figure data-name="hand-gestures/v"><img src="svg/hand-gestures/v.svg" alt="" loading="lazy"><figcaption>hand-gestures/v</figcaption></figure><figure data-name="hand-gestures/vibrate"><img src="svg/hand-gestures/vibrate.svg" alt="" loading="lazy"><figcaption>hand-gestures/vibrate</figcaption></figure><figure data-name="hand-gestures/wave-left"><img src="svg/hand-gestures/wave-left.svg" alt="" loading="lazy"><figcaption>hand-gestures/wave-left</figcaption></figure><figure data-name="hand-gestures/wave-right"><img src="svg/hand-gestures/wave-right.svg" alt="" loading="lazy"><figcaption>hand-gestures/wave-right</figcaption></figure><figure data-name="hand-gestures/zoom-in"><img src="svg/hand-gestures/zoom-in.svg" alt="" loading="lazy"><figcaption>hand-gestures/zoom-in</figcaption></figure><figure data-name="hand-gestures/zoom-out"><img src="svg/hand-gestures/zoom-out.svg" alt="" loading="lazy"><figcaption>hand-gestures/zoom-out</figcaption></figure></div></section><section><h2>health <small>19</small></h2><div class="grid"><figure data-name="health/blood-bag"><img src="svg/health/blood-bag.svg" alt="" loading="lazy"><figcaption>health/blood-bag</figcaption></figure><figure data-name="health/blood"><img src="svg/health/blood.svg" alt="" loading="lazy"><figcaption>health/blood</figcaption></figure><figure data-name="health/bottle"><img src="svg/health/bottle.svg" alt="" loading="lazy"><figcaption>health/bottle</figcaption></figure><figure data-name="health/dropper"><img src="svg/health/dropper.svg" alt="" loading="lazy"><figcaption>health/dropper</figcaption></figure><figure data-name="health/first-aid"><img src="svg/health/first-aid.svg" alt="" loading="lazy"><figcaption>health/first-aid</figcaption></figure><figure data-name="health/firstaid-2"><img src="svg/health/firstaid-2.svg" alt="" loading="lazy"><figcaption>health/firstaid-2</figcaption></figure><figure data-name="health/flask-round"><img src="svg/health/flask-round.svg" alt="" loading="lazy"><figcaption>health/flask-round</figcaption></figure><figure data-name="health/flask"><img src="svg/health/flask.svg" alt="" loading="lazy"><figcaption>health/flask</figcaption></figure><figure data-name="health/heart-beat"><img src="svg/health/heart-beat.svg" alt="" loading="lazy"><figcaption>health/heart-beat</figcaption></figure><figure data-name="health/injection"><img src="svg/health/injection.svg" alt="" loading="lazy"><figcaption>health/injection</figcaption></figure><figure data-name="health/lungs"><img src="svg/health/lungs.svg" alt="" loading="lazy"><figcaption>health/lungs</figcaption></figure><figure data-name="health/medical-logo"><img src="svg/health/medical-logo.svg" alt="" loading="lazy"><figcaption>health/medical-logo</figcaption></figure><figure data-name="health/microscope"><img src="svg/health/microscope.svg" alt="" loading="lazy"><figcaption>health/microscope</figcaption></figure><figure data-name="health/pills"><img src="svg/health/pills.svg" alt="" loading="lazy"><figcaption>health/pills</figcaption></figure><figure data-name="health/stethoscope"><img src="svg/health/stethoscope.svg" alt="" loading="lazy"><figcaption>health/stethoscope</figcaption></figure><figure data-name="health/tablet"><img src="svg/health/tablet.svg" alt="" loading="lazy"><figcaption>health/tablet</figcaption></figure><figure data-name="health/test-tube"><img src="svg/health/test-tube.svg" alt="" loading="lazy"><figcaption>health/test-tube</figcaption></figure><figure data-name="health/tooth"><img src="svg/health/tooth.svg" alt="" loading="lazy"><figcaption>health/tooth</figcaption></figure><figure data-name="health/wheelchair"><img src="svg/health/wheelchair.svg" alt="" loading="lazy"><figcaption>health/wheelchair</figcaption></figure></div></section><section><h2>interface <small>177</small></h2><div class="grid"><figure data-name="interface/Info"><img src="svg/interface/Info.svg" alt="" loading="lazy"><figcaption>interface/Info</figcaption></figure><figure data-name="interface/analytics"><img src="svg/interface/analytics.svg" alt="" loading="lazy"><figcaption>interface/analytics</figcaption></figure><figure data-name="interface/arrow-down"><img src="svg/interface/arrow-down.svg" alt="" loading="lazy"><figcaption>interface/arrow-down</figcaption></figure><figure data-name="interface/arrow-up"><img src="svg/interface/arrow-up.svg" alt="" loading="lazy"><figcaption>interface/arrow-up</figcaption></figure><figure data-name="interface/arrow"><img src="svg/interface/arrow.svg" alt="" loading="lazy"><figcaption>interface/arrow</figcaption></figure><figure data-name="interface/at-the-rate"><img src="svg/interface/at-the-rate.svg" alt="" loading="lazy"><figcaption>interface/at-the-rate</figcaption></figure><figure data-name="interface/backward"><img src="svg/interface/backward.svg" alt="" loading="lazy"><figcaption>interface/backward</figcaption></figure><figure data-name="interface/bell-2"><img src="svg/interface/bell-2.svg" alt="" loading="lazy"><figcaption>interface/bell-2</figcaption></figure><figure data-name="interface/bell"><img src="svg/interface/bell.svg" alt="" loading="lazy"><figcaption>interface/bell</figcaption></figure><figure data-name="interface/bluetooth"><img src="svg/interface/bluetooth.svg" alt="" loading="lazy"><figcaption>interface/bluetooth</figcaption></figure><figure data-name="interface/bookmark"><img src="svg/interface/bookmark.svg" alt="" loading="lazy"><figcaption>interface/bookmark</figcaption></figure><figure data-name="interface/bulb"><img src="svg/interface/bulb.svg" alt="" loading="lazy"><figcaption>interface/bulb</figcaption></figure><figure data-name="interface/calculator"><img src="svg/interface/calculator.svg" alt="" loading="lazy"><figcaption>interface/calculator</figcaption></figure><figure data-name="interface/calendar"><img src="svg/interface/calendar.svg" alt="" loading="lazy"><figcaption>interface/calendar</figcaption></figure><figure data-name="interface/call"><img src="svg/interface/call.svg" alt="" loading="lazy"><figcaption>interface/call</figcaption></figure><figure data-name="interface/camera"><img src="svg/interface/camera.svg" alt="" loading="lazy"><figcaption>interface/camera</figcaption></figure><figure data-name="interface/caution"><img src="svg/interface/caution.svg" alt="" loading="lazy"><figcaption>interface/caution</figcaption></figure><figure data-name="interface/center-align-2"><img src="svg/interface/center-align-2.svg" alt="" loading="lazy"><figcaption>interface/center-align-2</figcaption></figure><figure data-name="interface/center-align"><img src="svg/interface/center-align.svg" alt="" loading="lazy"><figcaption>interface/center-align</figcaption></figure><figure data-name="interface/checklist"><img src="svg/interface/checklist.svg" alt="" loading="lazy"><figcaption>interface/checklist</figcaption></figure><figure data-name="interface/clock"><img src="svg/interface/clock.svg" alt="" loading="lazy"><figcaption>interface/clock</figcaption></figure><figure data-name="interface/cloud-down"><img src="svg/interface/cloud-down.svg" alt="" loading="lazy"><figcaption>interface/cloud-down</figcaption></figure><figure data-name="interface/cloud-up"><img src="svg/interface/cloud-up.svg" alt="" loading="lazy"><figcaption>interface/cloud-up</figcaption></figure><figure data-name="interface/cloud"><img src="svg/interface/cloud.svg" alt="" loading="lazy"><figcaption>interface/cloud</figcaption></figure><figure data-name="interface/cookie"><img src="svg/interface/cookie.svg" alt="" loading="lazy"><figcaption>interface/cookie</figcaption></figure><figure data-name="interface/copy"><img src="svg/interface/copy.svg" alt="" loading="lazy"><figcaption>interface/copy</figcaption></figure><figure data-name="interface/crop"><img src="svg/interface/crop.svg" alt="" loading="lazy"><figcaption>interface/crop</figcaption></figure><figure data-name="interface/cross"><img src="svg/interface/cross.svg" alt="" loading="lazy"><figcaption>interface/cross</figcaption></figure><figure data-name="interface/cut"><img src="svg/interface/cut.svg" alt="" loading="lazy"><figcaption>interface/cut</figcaption></figure><figure data-name="interface/dashboard-2"><img src="svg/interface/dashboard-2.svg" alt="" loading="lazy"><figcaption>interface/dashboard-2</figcaption></figure><figure data-name="interface/dashboard-3"><img src="svg/interface/dashboard-3.svg" alt="" loading="lazy"><figcaption>interface/dashboard-3</figcaption></figure><figure data-name="interface/dashboard-4"><img src="svg/interface/dashboard-4.svg" alt="" loading="lazy"><figcaption>interface/dashboard-4</figcaption></figure><figure data-name="interface/dashboard"><img src="svg/interface/dashboard.svg" alt="" loading="lazy"><figcaption>interface/dashboard</figcaption></figure><figure data-name="interface/delete"><img src="svg/interface/delete.svg" alt="" loading="lazy"><figcaption>interface/delete</figcaption></figure><figure data-name="interface/diamond"><img src="svg/interface/diamond.svg" alt="" loading="lazy"><figcaption>interface/diamond</figcaption></figure><figure data-name="interface/doc-add"><img src="svg/interface/doc-add.svg" alt="" loading="lazy"><figcaption>interface/doc-add</figcaption></figure><figure data-name="interface/doc-remove"><img src="svg/interface/doc-remove.svg" alt="" loading="lazy"><figcaption>interface/doc-remove</figcaption></figure><figure data-name="interface/doc"><img src="svg/interface/doc.svg" alt="" loading="lazy"><figcaption>interface/doc</figcaption></figure><figure data-name="interface/download"><img src="svg/interface/download.svg" alt="" loading="lazy"><figcaption>interface/download</figcaption></figure><figure data-name="interface/drawer"><img src="svg/interface/drawer.svg" alt="" loading="lazy"><figcaption>interface/drawer</figcaption></figure><figure data-name="interface/eject"><img src="svg/interface/eject.svg" alt="" loading="lazy"><figcaption>interface/eject</figcaption></figure><figure data-name="interface/eraser"><img src="svg/interface/eraser.svg" alt="" loading="lazy"><figcaption>interface/eraser</figcaption></figure><figure data-name="interface/fast-forward"><img src="svg/interface/fast-forward.svg" alt="" loading="lazy"><figcaption>interface/fast-forward</figcaption></figure><figure data-name="interface/fast-rewind"><img src="svg/interface/fast-rewind.svg" alt="" loading="lazy"><figcaption>interface/fast-rewind</figcaption></figure><figure data-name="interface/filter"><img src="svg/interface/filter.svg" alt="" loading="lazy"><figcaption>interface/filter</figcaption></figure><figure data-name="interface/flag-2"><img src="svg/interface/flag-2.svg" alt="" loading="lazy"><figcaption>interface/flag-2</figcaption></figure><figure data-name="interface/flag"><img src="svg/interface/flag.svg" alt="" loading="lazy"><figcaption>interface/flag</figcaption></figure><figure data-name="interface/flip"><img src="svg/interface/flip.svg" alt="" loading="lazy"><figcaption>interface/flip</figcaption></figure><figure data-name="interface/floppy"><img src="svg/interface/floppy.svg" alt="" loading="lazy"><figcaption>interface/floppy</figcaption></figure><figure data-name="interface/folder-add"><img src="svg/interface/folder-add.svg" alt="" loading="lazy"><figcaption>interface/folder-add</figcaption></figure><figure data-name="interface/folder-delete"><img src="svg/interface/folder-delete.svg" alt="" loading="lazy"><figcaption>interface/folder-delete</figcaption></figure><figure data-name="interface/folder-empty"><img src="svg/interface/folder-empty.svg" alt="" loading="lazy"><figcaption>interface/folder-empty</figcaption></figure><figure data-name="interface/folder-remove"><img src="svg/interface/folder-remove.svg" alt="" loading="lazy"><figcaption>interface/folder-remove</figcaption></figure><figure data-name="interface/folder"><img src="svg/interface/folder.svg" alt="" loading="lazy"><figcaption>interface/folder</figcaption></figure><figure data-name="interface/forward"><img src="svg/interface/forward.svg" alt="" loading="lazy"><figcaption>interface/forward</figcaption></figure><figure data-name="interface/gift"><img src="svg/interface/gift.svg" alt="" loading="lazy"><figcaption>interface/gift</figcaption></figure><figure data-name="interface/globe"><img src="svg/interface/globe.svg" alt="" loading="lazy"><figcaption>interface/globe</figcaption></figure><figure data-name="interface/grid-2"><img src="svg/interface/grid-2.svg" alt="" loading="lazy"><figcaption>interface/grid-2</figcaption></figure><figure data-name="interface/grid"><img src="svg/interface/grid.svg" alt="" loading="lazy"><figcaption>interface/grid</figcaption></figure><figure data-name="interface/headphone"><img src="svg/interface/headphone.svg" alt="" loading="lazy"><figcaption>interface/headphone</figcaption></figure><figure data-name="interface/heart"><img src="svg/interface/heart.svg" alt="" loading="lazy"><figcaption>interface/heart</figcaption></figure><figure data-name="interface/hide"><img src="svg/interface/hide.svg" alt="" loading="lazy"><figcaption>interface/hide</figcaption></figure><figure data-name="interface/home-1"><img src="svg/interface/home-1.svg" alt="" loading="lazy"><figcaption>interface/home-1</figcaption></figure><figure data-name="interface/home"><img src="svg/interface/home.svg" alt="" loading="lazy"><figcaption>interface/home</figcaption></figure><figure data-name="interface/key"><img src="svg/interface/key.svg" alt="" loading="lazy"><figcaption>interface/key</figcaption></figure><figure data-name="interface/layer"><img src="svg/interface/layer.svg" alt="" loading="lazy"><figcaption>interface/layer</figcaption></figure><figure data-name="interface/left-align-2"><img src="svg/interface/left-align-2.svg" alt="" loading="lazy"><figcaption>interface/left-align-2</figcaption></figure><figure data-name="interface/left-align"><img src="svg/interface/left-align.svg" alt="" loading="lazy"><figcaption>interface/left-align</figcaption></figure><figure data-name="interface/link"><img src="svg/interface/link.svg" alt="" loading="lazy"><figcaption>interface/link</figcaption></figure><figure data-name="interface/list"><img src="svg/interface/list.svg" alt="" loading="lazy"><figcaption>interface/list</figcaption></figure><figure data-name="interface/location-pin"><img src="svg/interface/location-pin.svg" alt="" loading="lazy"><figcaption>interface/location-pin</figcaption></figure><figure data-name="interface/lock"><img src="svg/interface/lock.svg" alt="" loading="lazy"><figcaption>interface/lock</figcaption></figure><figure data-name="interface/login"><img src="svg/interface/login.svg" alt="" loading="lazy"><figcaption>interface/login</figcaption></figure><figure data-name="interface/logout"><img src="svg/interface/logout.svg" alt="" loading="lazy"><figcaption>interface/logout</figcaption></figure><figure data-name="interface/magic-wand"><img src="svg/interface/magic-wand.svg" alt="" loading="lazy"><figcaption>interface/magic-wand</figcaption></figure><figure data-name="interface/mail-gift"><img src="svg/interface/mail-gift.svg" alt="" loading="lazy"><figcaption>interface/mail-gift</figcaption></figure><figure data-name="interface/mail-open"><img src="svg/interface/mail-open.svg" alt="" loading="lazy"><figcaption>interface/mail-open</figcaption></figure><figure data-name="interface/mail-surprise"><img src="svg/interface/mail-surprise.svg" alt="" loading="lazy"><figcaption>interface/mail-surprise</figcaption></figure><figure data-name="interface/mail"><img src="svg/interface/mail.svg" alt="" loading="lazy"><figcaption>interface/mail</figcaption></figure><figure data-name="interface/map"><img src="svg/interface/map.svg" alt="" loading="lazy"><figcaption>interface/map</figcaption></figure><figure data-name="interface/maximize"><img src="svg/interface/maximize.svg" alt="" loading="lazy"><figcaption>interface/maximize</figcaption></figure><figure data-name="interface/megaphone"><img src="svg/interface/megaphone.svg" alt="" loading="lazy"><figcaption>interface/megaphone</figcaption></figure><figure data-name="interface/menu-2"><img src="svg/interface/menu-2.svg" alt="" loading="lazy"><figcaption>interface/menu-2</figcaption></figure><figure data-name="interface/menu"><img src="svg/interface/menu.svg" alt="" loading="lazy"><figcaption>interface/menu</figcaption></figure><figure data-name="interface/message-2"><img src="svg/interface/message-2.svg" alt="" loading="lazy"><figcaption>interface/message-2</figcaption></figure><figure data-name="interface/message"><img src="svg/interface/message.svg" alt="" loading="lazy"><figcaption>interface/message</figcaption></figure><figure data-name="interface/mic-2"><img src="svg/interface/mic-2.svg" alt="" loading="lazy"><figcaption>interface/mic-2</figcaption></figure><figure data-name="interface/mic"><img src="svg/interface/mic.svg" alt="" loading="lazy"><figcaption>interface/mic</figcaption></figure><figure data-name="interface/minimize"><img src="svg/interface/minimize.svg" alt="" loading="lazy"><figcaption>interface/minimize</figcaption></figure><figure data-name="interface/move"><img src="svg/interface/move.svg" alt="" loading="lazy"><figcaption>interface/move</figcaption></figure><figure data-name="interface/music-2"><img src="svg/interface/music-2.svg" alt="" loading="lazy"><figcaption>interface/music-2</figcaption></figure><figure data-name="interface/music-3"><img src="svg/interface/music-3.svg" alt="" loading="lazy"><figcaption>interface/music-3</figcaption></figure><figure data-name="interface/music"><img src="svg/interface/music.svg" alt="" loading="lazy"><figcaption>interface/music</figcaption></figure><figure data-name="interface/mute"><img src="svg/interface/mute.svg" alt="" loading="lazy"><figcaption>interface/mute</figcaption></figure><figure data-name="interface/navigation-2"><img src="svg/interface/navigation-2.svg" alt="" loading="lazy"><figcaption>interface/navigation-2</figcaption></figure><figure data-name="interface/navigation"><img src="svg/interface/navigation.svg" alt="" loading="lazy"><figcaption>interface/navigation</figcaption></figure><figure data-name="interface/note"><img src="svg/interface/note.svg" alt="" loading="lazy"><figcaption>interface/note</figcaption></figure><figure data-name="interface/paint-bucket"><img src="svg/interface/paint-bucket.svg" alt="" loading="lazy"><figcaption>interface/paint-bucket</figcaption></figure><figure data-name="interface/paper-clip-2"><img src="svg/interface/paper-clip-2.svg" alt="" loading="lazy"><figcaption>interface/paper-clip-2</figcaption></figure><figure data-name="interface/paper-clip"><img src="svg/interface/paper-clip.svg" alt="" loading="lazy"><figcaption>interface/paper-clip</figcaption></figure><figure data-name="interface/paste"><img src="svg/interface/paste.svg" alt="" loading="lazy"><figcaption>interface/paste</figcaption></figure><figure data-name="interface/pause"><img src="svg/interface/pause.svg" alt="" loading="lazy"><figcaption>interface/pause</figcaption></figure><figure data-name="interface/pen-tool"><img src="svg/interface/pen-tool.svg" alt="" loading="lazy"><figcaption>interface/pen-tool</figcaption></figure><figure data-name="interface/pen"><img src="svg/interface/pen.svg" alt="" loading="lazy"><figcaption>interface/pen</figcaption></figure><figure data-name="interface/pencil-2"><img src="svg/interface/pencil-2.svg" alt="" loading="lazy"><figcaption>interface/pencil-2</figcaption></figure><figure data-name="interface/pencil-3"><img src="svg/interface/pencil-3.svg" alt="" loading="lazy"><figcaption>interface/pencil-3</figcaption></figure><figure data-name="interface/pencil-ruler"><img src="svg/interface/pencil-ruler.svg" alt="" loading="lazy"><figcaption>interface/pencil-ruler</figcaption></figure><figure data-name="interface/pencil"><img src="svg/interface/pencil.svg" alt="" loading="lazy"><figcaption>interface/pencil</figcaption></figure><figure data-name="interface/phone-setting"><img src="svg/interface/phone-setting.svg" alt="" loading="lazy"><figcaption>interface/phone-setting</figcaption></figure><figure data-name="interface/phone"><img src="svg/interface/phone.svg" alt="" loading="lazy"><figcaption>interface/phone</figcaption></figure><figure data-name="interface/photo"><img src="svg/interface/photo.svg" alt="" loading="lazy"><figcaption>interface/photo</figcaption></figure><figure data-name="interface/pie"><img src="svg/interface/pie.svg" alt="" loading="lazy"><figcaption>interface/pie</figcaption></figure><figure data-name="interface/pin"><img src="svg/interface/pin.svg" alt="" loading="lazy"><figcaption>interface/pin</figcaption></figure><figure data-name="interface/play"><img src="svg/interface/play.svg" alt="" loading="lazy"><figcaption>interface/play</figcaption></figure><figure data-name="interface/puzzle-2"><img src="svg/interface/puzzle-2.svg" alt="" loading="lazy"><figcaption>interface/puzzle-2</figcaption></figure><figure data-name="interface/puzzle"><img src="svg/interface/puzzle.svg" alt="" loading="lazy"><figcaption>interface/puzzle</figcaption></figure><figure data-name="interface/question-2"><img src="svg/interface/question-2.svg" alt="" loading="lazy"><figcaption>interface/question-2</figcaption></figure><figure data-name="interface/question"><img src="svg/interface/question.svg" alt="" loading="lazy"><figcaption>interface/question</figcaption></figure><figure data-name="interface/record"><img src="svg/interface/record.svg" alt="" loading="lazy"><figcaption>interface/record</figcaption></figure><figure data-name="interface/rectangle"><img src="svg/interface/rectangle.svg" alt="" loading="lazy"><figcaption>interface/rectangle</figcaption></figure><figure data-name="interface/right-align-2"><img src="svg/interface/right-align-2.svg" alt="" loading="lazy"><figcaption>interface/right-align-2</figcaption></figure><figure data-name="interface/right-align"><img src="svg/interface/right-align.svg" alt="" loading="lazy"><figcaption>interface/right-align</figcaption></figure><figure data-name="interface/rss"><img src="svg/interface/rss.svg" alt="" loading="lazy"><figcaption>interface/rss</figcaption></figure><figure data-name="interface/ruler"><img src="svg/interface/ruler.svg" alt="" loading="lazy"><figcaption>interface/ruler</figcaption></figure><figure data-name="interface/scan"><img src="svg/interface/scan.svg" alt="" loading="lazy"><figcaption>interface/scan</figcaption></figure><figure data-name="interface/search"><img src="svg/interface/search.svg" alt="" loading="lazy"><figcaption>interface/search</figcaption></figure><figure data-name="interface/send-2"><img src="svg/interface/send-2.svg" alt="" loading="lazy"><figcaption>interface/send-2</figcaption></figure><figure data-name="interface/send-3"><img src="svg/interface/send-3.svg" alt="" loading="lazy"><figcaption>interface/send-3</figcaption></figure><figure data-name="interface/send"><img src="svg/interface/send.svg" alt="" loading="lazy"><figcaption>interface/send</figcaption></figure><figure data-name="interface/server"><img src="svg/interface/server.svg" alt="" loading="lazy"><figcaption>interface/server</figcaption></figure><figure data-name="interface/setting-2"><img src="svg/interface/setting-2.svg" alt="" loading="lazy"><figcaption>interface/setting-2</figcaption></figure><figure data-name="interface/setting-3"><img src="svg/interface/setting-3.svg" alt="" loading="lazy"><figcaption>interface/setting-3</figcaption></figure><figure data-name="interface/setting"><img src="svg/interface/setting.svg" alt="" loading="lazy"><figcaption>interface/setting</figcaption></figure><figure data-name="interface/shape"><img src="svg/interface/shape.svg" alt="" loading="lazy"><figcaption>interface/shape</figcaption></figure><figure data-name="interface/shield-2"><img src="svg/interface/shield-2.svg" alt="" loading="lazy"><figcaption>interface/shield-2</figcaption></figure><figure data-name="interface/shield"><img src="svg/interface/shield.svg" alt="" loading="lazy"><figcaption>interface/shield</figcaption></figure><figure data-name="interface/shuffle"><img src="svg/interface/shuffle.svg" alt="" loading="lazy"><figcaption>interface/shuffle</figcaption></figure><figure data-name="interface/signal"><img src="svg/interface/signal.svg" alt="" loading="lazy"><figcaption>interface/signal</figcaption></figure><figure data-name="interface/speaker"><img src="svg/interface/speaker.svg" alt="" loading="lazy"><figcaption>interface/speaker</figcaption></figure><figure data-name="interface/square"><img src="svg/interface/square.svg" alt="" loading="lazy"><figcaption>interface/square</figcaption></figure><figure data-name="interface/star"><img src="svg/interface/star.svg" alt="" loading="lazy"><figcaption>interface/star</figcaption></figure><figure data-name="interface/stopwatch"><img src="svg/interface/stopwatch.svg" alt="" loading="lazy"><figcaption>interface/stopwatch</figcaption></figure><figure data-name="interface/suitcase"><img src="svg/interface/suitcase.svg" alt="" loading="lazy"><figcaption>interface/suitcase</figcaption></figure><figure data-name="interface/sun-2"><img src="svg/interface/sun-2.svg" alt="" loading="lazy"><figcaption>interface/sun-2</figcaption></figure><figure data-name="interface/sun-3"><img src="svg/interface/sun-3.svg" alt="" loading="lazy"><figcaption>interface/sun-3</figcaption></figure><figure data-name="interface/sun-4"><img src="svg/interface/sun-4.svg" alt="" loading="lazy"><figcaption>interface/sun-4</figcaption></figure><figure data-name="interface/sun"><img src="svg/interface/sun.svg" alt="" loading="lazy"><figcaption>interface/sun</figcaption></figure><figure data-name="interface/switch-1"><img src="svg/interface/switch-1.svg" alt="" loading="lazy"><figcaption>interface/switch-1</figcaption></figure><figure data-name="interface/switch"><img src="svg/interface/switch.svg" alt="" loading="lazy"><figcaption>interface/switch</figcaption></figure><figure data-name="interface/sync"><img src="svg/interface/sync.svg" alt="" loading="lazy"><figcaption>interface/sync</figcaption></figure><figure data-name="interface/tablet"><img src="svg/interface/tablet.svg" alt="" loading="lazy"><figcaption>interface/tablet</figcaption></figure><figure data-name="interface/target-2"><img src="svg/interface/target-2.svg" alt="" loading="lazy"><figcaption>interface/target-2</figcaption></figure><figure data-name="interface/target"><img src="svg/interface/target.svg" alt="" loading="lazy"><figcaption>interface/target</figcaption></figure><figure data-name="interface/thumbs-up"><img src="svg/interface/thumbs-up.svg" alt="" loading="lazy"><figcaption>interface/thumbs-up</figcaption></figure><figure data-name="interface/tick-2"><img src="svg/interface/tick-2.svg" alt="" loading="lazy"><figcaption>interface/tick-2</figcaption></figure><figure data-name="interface/tick"><img src="svg/interface/tick.svg" alt="" loading="lazy"><figcaption>interface/tick</figcaption></figure><figure data-name="interface/transform"><img src="svg/interface/transform.svg" alt="" loading="lazy"><figcaption>interface/transform</figcaption></figure><figure data-name="interface/tree-2"><img src="svg/interface/tree-2.svg" alt="" loading="lazy"><figcaption>interface/tree-2</figcaption></figure><figure data-name="interface/tree"><img src="svg/interface/tree.svg" alt="" loading="lazy"><figcaption>interface/tree</figcaption></figure><figure data-name="interface/trophy"><img src="svg/interface/trophy.svg" alt="" loading="lazy"><figcaption>interface/trophy</figcaption></figure><figure data-name="interface/unhide"><img src="svg/interface/unhide.svg" alt="" loading="lazy"><figcaption>interface/unhide</figcaption></figure><figure data-name="interface/unlink"><img src="svg/interface/unlink.svg" alt="" loading="lazy"><figcaption>interface/unlink</figcaption></figure><figure data-name="interface/upload"><img src="svg/interface/upload.svg" alt="" loading="lazy"><figcaption>interface/upload</figcaption></figure><figure data-name="interface/user-add"><img src="svg/interface/user-add.svg" alt="" loading="lazy"><figcaption>interface/user-add</figcaption></figure><figure data-name="interface/user-caution"><img src="svg/interface/user-caution.svg" alt="" loading="lazy"><figcaption>interface/user-caution</figcaption></figure><figure data-name="interface/user-delete"><img src="svg/interface/user-delete.svg" alt="" loading="lazy"><figcaption>interface/user-delete</figcaption></figure><figure data-name="interface/user-female"><img src="svg/interface/user-female.svg" alt="" loading="lazy"><figcaption>interface/user-female</figcaption></figure><figure data-name="interface/user-male"><img src="svg/interface/user-male.svg" alt="" loading="lazy"><figcaption>interface/user-male</figcaption></figure><figure data-name="interface/user-remove"><img src="svg/interface/user-remove.svg" alt="" loading="lazy"><figcaption>interface/user-remove</figcaption></figure><figure data-name="interface/user"><img src="svg/interface/user.svg" alt="" loading="lazy"><figcaption>interface/user</figcaption></figure><figure data-name="interface/video-camera"><img src="svg/interface/video-camera.svg" alt="" loading="lazy"><figcaption>interface/video-camera</figcaption></figure><figure data-name="interface/volume-down"><img src="svg/interface/volume-down.svg" alt="" loading="lazy"><figcaption>interface/volume-down</figcaption></figure><figure data-name="interface/volume-up"><img src="svg/interface/volume-up.svg" alt="" loading="lazy"><figcaption>interface/volume-up</figcaption></figure><figure data-name="interface/zap"><img src="svg/interface/zap.svg" alt="" loading="lazy"><figcaption>interface/zap</figcaption></figure><figure data-name="interface/zoom-in"><img src="svg/interface/zoom-in.svg" alt="" loading="lazy"><figcaption>interface/zoom-in</figcaption></figure><figure data-name="interface/zoom-out-1"><img src="svg/interface/zoom-out-1.svg" alt="" loading="lazy"><figcaption>interface/zoom-out-1</figcaption></figure><figure data-name="interface/zoom-out"><img src="svg/interface/zoom-out.svg" alt="" loading="lazy"><figcaption>interface/zoom-out</figcaption></figure></div></section><section><h2>logos <small>27</small></h2><div class="grid"><figure data-name="logos/apple"><img src="svg/logos/apple.svg" alt="" loading="lazy"><figcaption>logos/apple</figcaption></figure><figure data-name="logos/behance"><img src="svg/logos/behance.svg" alt="" loading="lazy"><figcaption>logos/behance</figcaption></figure><figure data-name="logos/codepen"><img src="svg/logos/codepen.svg" alt="" loading="lazy"><figcaption>logos/codepen</figcaption></figure><figure data-name="logos/dribbble"><img src="svg/logos/dribbble.svg" alt="" loading="lazy"><figcaption>logos/dribbble</figcaption></figure><figure data-name="logos/dropbox"><img src="svg/logos/dropbox.svg" alt="" loading="lazy"><figcaption>logos/dropbox</figcaption></figure><figure data-name="logos/facebook-2"><img src="svg/logos/facebook-2.svg" alt="" loading="lazy"><figcaption>logos/facebook-2</figcaption></figure><figure data-name="logos/facebook"><img src="svg/logos/facebook.svg" alt="" loading="lazy"><figcaption>logos/facebook</figcaption></figure><figure data-name="logos/fb-messenger"><img src="svg/logos/fb-messenger.svg" alt="" loading="lazy"><figcaption>logos/fb-messenger</figcaption></figure><figure data-name="logos/google"><img src="svg/logos/google.svg" alt="" loading="lazy"><figcaption>logos/google</figcaption></figure><figure data-name="logos/instagram"><img src="svg/logos/instagram.svg" alt="" loading="lazy"><figcaption>logos/instagram</figcaption></figure><figure data-name="logos/linkedin"><img src="svg/logos/linkedin.svg" alt="" loading="lazy"><figcaption>logos/linkedin</figcaption></figure><figure data-name="logos/paypal"><img src="svg/logos/paypal.svg" alt="" loading="lazy"><figcaption>logos/paypal</figcaption></figure><figure data-name="logos/pinterest"><img src="svg/logos/pinterest.svg" alt="" loading="lazy"><figcaption>logos/pinterest</figcaption></figure><figure data-name="logos/product hunt"><img src="svg/logos/product hunt.svg" alt="" loading="lazy"><figcaption>logos/product hunt</figcaption></figure><figure data-name="logos/skype"><img src="svg/logos/skype.svg" alt="" loading="lazy"><figcaption>logos/skype</figcaption></figure><figure data-name="logos/snapchat"><img src="svg/logos/snapchat.svg" alt="" loading="lazy"><figcaption>logos/snapchat</figcaption></figure><figure data-name="logos/spotify"><img src="svg/logos/spotify.svg" alt="" loading="lazy"><figcaption>logos/spotify</figcaption></figure><figure data-name="logos/tik tok"><img src="svg/logos/tik tok.svg" alt="" loading="lazy"><figcaption>logos/tik tok</figcaption></figure><figure data-name="logos/tumblr"><img src="svg/logos/tumblr.svg" alt="" loading="lazy"><figcaption>logos/tumblr</figcaption></figure><figure data-name="logos/twitch"><img src="svg/logos/twitch.svg" alt="" loading="lazy"><figcaption>logos/twitch</figcaption></figure><figure data-name="logos/twitter"><img src="svg/logos/twitter.svg" alt="" loading="lazy"><figcaption>logos/twitter</figcaption></figure><figure data-name="logos/uber"><img src="svg/logos/uber.svg" alt="" loading="lazy"><figcaption>logos/uber</figcaption></figure><figure data-name="logos/webflow"><img src="svg/logos/webflow.svg" alt="" loading="lazy"><figcaption>logos/webflow</figcaption></figure><figure data-name="logos/whatsapp"><img src="svg/logos/whatsapp.svg" alt="" loading="lazy"><figcaption>logos/whatsapp</figcaption></figure><figure data-name="logos/windows"><img src="svg/logos/windows.svg" alt="" loading="lazy"><figcaption>logos/windows</figcaption></figure><figure data-name="logos/y-combinator"><img src="svg/logos/y-combinator.svg" alt="" loading="lazy"><figcaption>logos/y-combinator</figcaption></figure><figure data-name="logos/youtube"><img src="svg/logos/youtube.svg" alt="" loading="lazy"><figcaption>logos/youtube</figcaption></figure></div></section><section><h2>misc <small>16</small></h2><div class="grid"><figure data-name="misc/automation"><img src="svg/misc/automation.svg" alt="" loading="lazy"><figcaption>misc/automation</figcaption></figure><figure data-name="misc/bot"><img src="svg/misc/bot.svg" alt="" loading="lazy"><figcaption>misc/bot</figcaption></figure><figure data-name="misc/bug"><img src="svg/misc/bug.svg" alt="" loading="lazy"><figcaption>misc/bug</figcaption></figure><figure data-name="misc/bus"><img src="svg/misc/bus.svg" alt="" loading="lazy"><figcaption>misc/bus</figcaption></figure><figure data-name="misc/car"><img src="svg/misc/car.svg" alt="" loading="lazy"><figcaption>misc/car</figcaption></figure><figure data-name="misc/chip"><img src="svg/misc/chip.svg" alt="" loading="lazy"><figcaption>misc/chip</figcaption></figure><figure data-name="misc/coffee-cup-1"><img src="svg/misc/coffee-cup-1.svg" alt="" loading="lazy"><figcaption>misc/coffee-cup-1</figcaption></figure><figure data-name="misc/coffee-cup-2"><img src="svg/misc/coffee-cup-2.svg" alt="" loading="lazy"><figcaption>misc/coffee-cup-2</figcaption></figure><figure data-name="misc/fire"><img src="svg/misc/fire.svg" alt="" loading="lazy"><figcaption>misc/fire</figcaption></figure><figure data-name="misc/hot-air-balloon"><img src="svg/misc/hot-air-balloon.svg" alt="" loading="lazy"><figcaption>misc/hot-air-balloon</figcaption></figure><figure data-name="misc/plane"><img src="svg/misc/plane.svg" alt="" loading="lazy"><figcaption>misc/plane</figcaption></figure><figure data-name="misc/rocket"><img src="svg/misc/rocket.svg" alt="" loading="lazy"><figcaption>misc/rocket</figcaption></figure><figure data-name="misc/satellite"><img src="svg/misc/satellite.svg" alt="" loading="lazy"><figcaption>misc/satellite</figcaption></figure><figure data-name="misc/server"><img src="svg/misc/server.svg" alt="" loading="lazy"><figcaption>misc/server</figcaption></figure><figure data-name="misc/ship"><img src="svg/misc/ship.svg" alt="" loading="lazy"><figcaption>misc/ship</figcaption></figure><figure data-name="misc/trophy"><img src="svg/misc/trophy.svg" alt="" loading="lazy"><figcaption>misc/trophy</figcaption></figure></div></section><section><h2>objects <small>15</small></h2><div class="grid"><figure data-name="objects/anchor"><img src="svg/objects/anchor.svg" alt="" loading="lazy"><figcaption>objects/anchor</figcaption></figure><figure data-name="objects/balloon-2"><img src="svg/objects/balloon-2.svg" alt="" loading="lazy"><figcaption>objects/balloon-2</figcaption></figure><figure data-name="objects/balloon"><img src="svg/objects/balloon.svg" alt="" loading="lazy"><figcaption>objects/balloon</figcaption></figure><figure data-name="objects/camera"><img src="svg/objects/camera.svg" alt="" loading="lazy"><figcaption>objects/camera</figcaption></figure><figure data-name="objects/crown"><img src="svg/objects/crown.svg" alt="" loading="lazy"><figcaption>objects/crown</figcaption></figure><figure data-name="objects/flashlight"><img src="svg/objects/flashlight.svg" alt="" loading="lazy"><figcaption>objects/flashlight</figcaption></figure><figure data-name="objects/frame"><img src="svg/objects/frame.svg" alt="" loading="lazy"><figcaption>objects/frame</figcaption></figure><figure data-name="objects/guitar"><img src="svg/objects/guitar.svg" alt="" loading="lazy"><figcaption>objects/guitar</figcaption></figure><figure data-name="objects/movie-clapper"><img src="svg/objects/movie-clapper.svg" alt="" loading="lazy"><figcaption>objects/movie-clapper</figcaption></figure><figure data-name="objects/paint-brush-2"><img src="svg/objects/paint-brush-2.svg" alt="" loading="lazy"><figcaption>objects/paint-brush-2</figcaption></figure><figure data-name="objects/paint-brush"><img src="svg/objects/paint-brush.svg" alt="" loading="lazy"><figcaption>objects/paint-brush</figcaption></figure><figure data-name="objects/paint-bucket"><img src="svg/objects/paint-bucket.svg" alt="" loading="lazy"><figcaption>objects/paint-bucket</figcaption></figure><figure data-name="objects/paint-roller"><img src="svg/objects/paint-roller.svg" alt="" loading="lazy"><figcaption>objects/paint-roller</figcaption></figure><figure data-name="objects/sofa"><img src="svg/objects/sofa.svg" alt="" loading="lazy"><figcaption>objects/sofa</figcaption></figure><figure data-name="objects/tv"><img src="svg/objects/tv.svg" alt="" loading="lazy"><figcaption>objects/tv</figcaption></figure></div></section><section><h2>weather <small>13</small></h2><div class="grid"><figure data-name="weather/Vector"><img src="svg/weather/Vector.svg" alt="" loading="lazy"><figcaption>weather/Vector</figcaption></figure><figure data-name="weather/cloudy-day"><img src="svg/weather/cloudy-day.svg" alt="" loading="lazy"><figcaption>weather/cloudy-day</figcaption></figure><figure data-name="weather/cloudy-night"><img src="svg/weather/cloudy-night.svg" alt="" loading="lazy"><figcaption>weather/cloudy-night</figcaption></figure><figure data-name="weather/night"><img src="svg/weather/night.svg" alt="" loading="lazy"><figcaption>weather/night</figcaption></figure><figure data-name="weather/rain-heavy"><img src="svg/weather/rain-heavy.svg" alt="" loading="lazy"><figcaption>weather/rain-heavy</figcaption></figure><figure data-name="weather/rain-light"><img src="svg/weather/rain-light.svg" alt="" loading="lazy"><figcaption>weather/rain-light</figcaption></figure><figure data-name="weather/snow"><img src="svg/weather/snow.svg" alt="" loading="lazy"><figcaption>weather/snow</figcaption></figure><figure data-name="weather/snowflake"><img src="svg/weather/snowflake.svg" alt="" loading="lazy"><figcaption>weather/snowflake</figcaption></figure><figure data-name="weather/snowman"><img src="svg/weather/snowman.svg" alt="" loading="lazy"><figcaption>weather/snowman</figcaption></figure><figure data-name="weather/sunny"><img src="svg/weather/sunny.svg" alt="" loading="lazy"><figcaption>weather/sunny</figcaption></figure><figure data-name="weather/thunderstorm"><img src="svg/weather/thunderstorm.svg" alt="" loading="lazy"><figcaption>weather/thunderstorm</figcaption></figure><figure data-name="weather/tornado"><img src="svg/weather/tornado.svg" alt="" loading="lazy"><figcaption>weather/tornado</figcaption></figure><figure data-name="weather/wind"><img src="svg/weather/wind.svg" alt="" loading="lazy"><figcaption>weather/wind</figcaption></figure></div></section>
|
|
<script>
|
|
const input = document.querySelector('input');
|
|
input.addEventListener('input', () => {
|
|
const q = input.value.trim().toLowerCase();
|
|
document.querySelectorAll('section').forEach(s => {
|
|
let any = false;
|
|
s.querySelectorAll('figure').forEach(f => { const show = !q || f.dataset.name.toLowerCase().includes(q); f.hidden = !show; any ||= show; });
|
|
s.hidden = !any;
|
|
});
|
|
});
|
|
document.addEventListener('click', e => {
|
|
const f = e.target.closest('figure');
|
|
if (!f || !navigator.clipboard) return;
|
|
navigator.clipboard.writeText(f.dataset.name).then(() => { f.classList.add('copied'); setTimeout(() => f.classList.remove('copied'), 800); });
|
|
});
|
|
</script>
|
|
</body></html>
|