Compare commits

...

71 Commits

Author SHA1 Message Date
Renovate Bot c580995e4b 🔧 Renovate: Update (minor) hoverkraft-tech/compose-action action to v2.3.0 2025-09-19 18:48:53 +00:00
Trez.One 2bb4349b89 Merge pull request '[HA] Automated PR for renovate/docker-compose-ollama-ollama - #32' (#32) from renovate/docker-compose-ollama-ollama into main
Reviewed-on: #32
2025-09-19 10:08:33 -04:00
Trez.One f786bced3e Merge branch 'main' into renovate/docker-compose-ollama-ollama
Renovate PR Deployment / deploy (pull_request) Has been skipped
2025-09-19 10:08:18 -04:00
Trez.One c03214cd9a Re-adding login info for ghcr.io and adding login for Docker Hub. 2025-09-19 09:07:03 -04:00
Trez.One bc5d39f884 Correcting tag. 2025-09-19 08:57:25 -04:00
Trez.One f8a425714c Correcting tag. 2025-09-19 08:49:41 -04:00
Trez.One 767269ecb5 Correcting tag. 2025-09-19 08:46:00 -04:00
Trez.One 1f86e4a966 Services step fix. 2025-09-19 08:41:05 -04:00
Trez.One bec0e120bc Merge pull request '🔧 Renovate: Update (minor) ollama/ollama Docker tag to v0.12.0' (#31) from renovate/docker-compose-ollama-ollama into main
Reviewed-on: #31
2025-09-19 08:38:40 -04:00
Trez.One fb72e1a32a Merge remote-tracking branch 'refs/remotes/origin/renovate/docker-compose-ollama-ollama' into renovate/docker-compose-ollama-ollama
Renovate PR Deployment / deploy (pull_request) Failing after 12s
2025-09-19 08:38:07 -04:00
Renovate Bot c14df63497 🔧 Renovate: Update (minor) ollama/ollama Docker tag to v0.12.0 2025-09-19 08:38:00 -04:00
Trez.One 390ce75637 workflow_dispatch for Renovate PR deploy flow. 2025-09-19 08:26:38 -04:00
Renovate Bot 53e63ce3b1 🔧 Renovate: Update (minor) ollama/ollama Docker tag to v0.12.0 2025-09-19 11:51:53 +00:00
Trez.One e5289be2ec Gotify notifications for Renovate PR deploy flow. 2025-09-19 07:50:29 -04:00
Trez.One d5d0dd84e2 Merge pull request '🔧 Renovate: Update (patch) ollama/ollama Docker tag to v0.11.11' (#30) from renovate/docker-compose-ollama-ollama into main
Reviewed-on: #30
2025-09-18 20:59:20 -04:00
Renovate Bot 32cf930022 🔧 Renovate: Update (patch) ollama/ollama Docker tag to v0.11.11
Renovate PR Deployment / deploy (pull_request) Failing after 19s
2025-09-19 00:38:12 +00:00
Trez.One 9b4b034933 Adding Renovate PR deployment workflow. 2025-09-18 20:37:24 -04:00
renovate-bot 7b645f2944 Merge pull request '🔧 Renovate: Update (patch) henrygd/beszel-agent Docker tag to v0.12.9' (#29) from renovate/docker-compose-henrygd-beszel-agent into main 2025-09-18 11:11:50 -04:00
renovate-bot 7de0d00210 Merge pull request '🔧 Renovate: Update (patch) adguard/adguardhome Docker tag to v0.107.66' (#28) from renovate/docker-compose-adguard-adguardhome into main 2025-09-18 11:11:46 -04:00
Renovate Bot c9b79a8133 🔧 Renovate: Update (patch) henrygd/beszel-agent Docker tag to v0.12.9 2025-09-18 15:11:44 +00:00
Renovate Bot f73fd33359 🔧 Renovate: Update (patch) adguard/adguardhome Docker tag to v0.107.66 2025-09-18 15:11:36 +00:00
Trez.One 8bede13434 Merge pull request 'renovate/reconfigure' (#25) from renovate/reconfigure into main
Reviewed-on: #25
2025-09-18 11:07:46 -04:00
Trez.One 892557070c Merge branch 'main' into renovate/reconfigure 2025-09-18 10:56:18 -04:00
Trez.One 9a493d7e87 Reconfiguration. 2025-09-18 10:53:57 -04:00
Trez.One 9c5c2adc67 Reconfiguration. 2025-09-18 10:37:51 -04:00
Trez.One 7f186890fe Reconfiguration. 2025-09-18 10:37:45 -04:00
Trez.One 124a287b91 Reconfiguration. 2025-09-18 10:25:51 -04:00
gitea-sonarqube-bot db90d32930 Auto Merge of PR 23 - dockflare-upsnap-deployments_
Merged by Trez.One
2025-09-12 21:54:31 -04:00
Trez.One 1361bb77fb chore: Update README 2025-09-13 01:54:00 +00:00
Trez.One d7f2376809 Docker Deploy fix.
Docker Compose Deployment / Check and Create PR (push) Successful in 28s
Docker Compose Deployment / Generate list of added/modified/deleted services (push) Successful in 15s
Docker Compose Deployment / Docker Compose Dry Run (push) Successful in 45s
Docker Compose Deployment / Update README & Generate List of Modified Services (push) Successful in 36s
Docker Compose Deployment / PR Merge (push) Successful in 24s
Docker Compose Deployment / Docker Compose Deployment (push) Successful in 2m43s
2025-09-12 21:51:49 -04:00
Trez.One f73a81966f Adding Dockflare and UpSnap services.
Docker Compose Deployment / Check and Create PR (push) Successful in 28s
Docker Compose Deployment / Docker Compose Dry Run (push) Has been cancelled
Docker Compose Deployment / Update README & Generate List of Modified Services (push) Has been cancelled
Docker Compose Deployment / PR Merge (push) Has been cancelled
Docker Compose Deployment / Generate list of added/modified/deleted services (push) Has been cancelled
Docker Compose Deployment / Docker Compose Deployment (push) Has been cancelled
2025-09-12 21:49:28 -04:00
Trez.One d767d8fb9d Merge remote-tracking branch 'refs/remotes/origin/main' 2025-09-12 21:46:46 -04:00
Trez.One d1e0a3d1d6 Adding Docker Compose Health Check step. 2025-09-12 20:56:06 -04:00
Trez.One 284551e3ba Merge pull request 'renovate/reconfigure' (#20) from renovate/reconfigure into main
Reviewed-on: #20
2025-09-10 10:59:04 -04:00
Trez.One 8dd479ec2f Pinning checkout and setup-bin actions to v4 due to current lack of node 24 in runner image.
renovate/config-validation Validation Successful
2025-09-10 10:58:06 -04:00
Trez.One 3c6020b802 Pinning checkout and setup-bin actions to v4 due to current lack of node 24 in runner image.
renovate/config-validation Validation Failed
2025-09-10 10:56:12 -04:00
Trez.One 1262523a8a Merge remote-tracking branch 'refs/remotes/origin/renovate/reconfigure' into renovate/reconfigure
renovate/config-validation Validation Failed
2025-09-10 10:51:09 -04:00
Trez.One e0d0c434a0 Pinning checkout and setup-bin actions to v4 due to current lack of node 24 in runner image. 2025-09-10 10:51:02 -04:00
Trez.One d56d06722e Merge branch 'main' into renovate/reconfigure
renovate/config-validation Validation Failed
2025-09-10 10:47:32 -04:00
Trez.One 5d7a47df5a Pinning checkout and setup-bin actions to v4 due to current lack of node 24 in runner image.
renovate/config-validation Validation Failed
2025-09-10 10:36:34 -04:00
Trez.One 1400ee6f8d Pinning checkout and setup-bin actions to v4 due to current lack of node 24 in runner image. 2025-09-10 10:24:27 -04:00
Trez.One dc56bb8def Removing Watchtower from Renovate config. 2025-09-10 07:41:39 -04:00
Trez.One 84eba69930 Tweaking Renovate config. 2025-09-09 20:06:10 -04:00
Trez.One 366a4547b9 Merge pull request 'Configure Renovate' (#11) from renovate/configure into main
Reviewed-on: #11
2025-09-06 06:18:02 -04:00
Trez.One a62c3e3fbd Merge branch 'main' into renovate/configure 2025-09-06 06:12:23 -04:00
Trez.One dd0862162d Initial renovate.json changes. 2025-09-06 05:42:58 -04:00
Trez.One 29e89691f4 Adding renovate branches to branches-ignore. 2025-09-06 05:41:18 -04:00
Trez.One 5f454c8064 Pinning beszel-agent version. 2025-09-06 05:41:18 -04:00
Trez.One 453def2171 Pinning image versions for Renovate. 2025-09-06 05:36:56 -04:00
Trez.One aeda64d6d8 Pinning image versions for Renovate. 2025-09-06 05:35:17 -04:00
gitea-sonarqube-bot 540e6be83b Auto Merge of PR 12 - portracker-removal_2025-09-04T07-44-13
Merged by Trez.One
2025-09-04 07:53:08 -04:00
Trez.One b7ea9675fb Removing Portracker.
Docker Compose Deployment / Check and Create PR (push) Successful in 1m26s
Docker Compose Deployment / Generate list of added/modified/deleted services (push) Successful in 43s
Docker Compose Deployment / Docker Compose Dry Run (push) Successful in 1m31s
Docker Compose Deployment / PR Merge (push) Successful in 1m3s
Docker Compose Deployment / Docker Compose Deployment (push) Successful in 1m43s
2025-09-04 07:48:11 -04:00
Renovate Bot ab071955c8 Add renovate.json 2025-09-02 15:52:03 +00:00
Trez.One f211bd0f6f Bumping version of Docker Compose SSH action up to v1.4.0. 2025-09-01 20:37:19 -04:00
Trez.One beb9f46e3c Removing commented section (moved into tar-valon-ansible). 2025-09-01 14:59:27 -04:00
Trez.One 4a5f2d575e Removing Ansible (migrated to another repo. 2025-08-31 22:21:29 -04:00
Trez.One 7117c47bd3 Config changes. 2025-08-30 08:35:54 -04:00
Trez.One 98094c3c37 Removing volume for Protonmail. 2025-08-30 06:23:59 -04:00
Trez.One 183ee9f7c8 Merge remote-tracking branch 'refs/remotes/origin/main' 2025-08-29 22:11:35 -04:00
Trez.One a4b87339cb Volume changes for Webhook. 2025-08-29 22:08:43 -04:00
Trez.One 47e0054707 Volume changes for container webhook. 2025-08-29 22:05:02 -04:00
Trez.One 59bd3d6af3 Working Webhook image! Nuking my failed attempts now... ☢️ 2025-08-29 17:15:29 -04:00
Trez.One 4d1a98b14c Switching webhook image to Dockerhub version. 2025-08-29 16:24:41 -04:00
Trez.One 7ed5a48bc1 Switching webhook image to Gitea version. 2025-08-29 16:23:54 -04:00
Trez.One a0e295f758 Merge pull request '[HA] Automated PR for webhook-container-deployment_2025-08-29T06-46-30 - #10' (#10) from webhook-container-deployment_2025-08-29T06-46-30 into main
Reviewed-on: Trez.One/rikku-home-assistant#10
2025-08-29 16:21:57 -04:00
Trez.One 9456a5d1c7 Switching webhook image to Dockerhub version.
Docker Compose Deployment / Check and Create PR (push) Successful in 11s
Docker Compose Deployment / Generate list of added/modified/deleted services (push) Successful in 8s
Docker Compose Deployment / Docker Compose Dry Run (push) Failing after 24s
Docker Compose Deployment / PR Merge (push) Has been skipped
Docker Compose Deployment / Docker Compose Deployment (push) Has been skipped
2025-08-29 16:20:17 -04:00
Trez.One fb76aff4ab Switching webhook image
Docker Compose Deployment / Check and Create PR (push) Successful in 12s
Docker Compose Deployment / Generate list of added/modified/deleted services (push) Successful in 12s
Docker Compose Deployment / Docker Compose Dry Run (push) Failing after 23s
Docker Compose Deployment / PR Merge (push) Has been skipped
Docker Compose Deployment / Docker Compose Deployment (push) Has been skipped
2025-08-29 16:17:43 -04:00
Trez.One 466e0c1d59 Switching webhook image
Docker Compose Deployment / Check and Create PR (push) Successful in 18s
Docker Compose Deployment / Generate list of added/modified/deleted services (push) Successful in 10s
Docker Compose Deployment / Docker Compose Dry Run (push) Failing after 27s
Docker Compose Deployment / PR Merge (push) Has been skipped
Docker Compose Deployment / Docker Compose Deployment (push) Has been skipped
2025-08-29 16:10:20 -04:00
gitea-sonarqube-bot 294ef2c2ad Auto Merge of PR 9 - webhook-container-deployment_2025-08-29T06-46-30
Merged by Trez.One
2025-08-29 06:48:44 -04:00
Trez.One de087edfaa Adding Webhook Docker container.
Docker Compose Deployment / Check and Create PR (push) Successful in 30s
Docker Compose Deployment / Generate list of added/modified/deleted services (push) Successful in 7s
Docker Compose Deployment / Docker Compose Dry Run (push) Successful in 32s
Docker Compose Deployment / PR Merge (push) Successful in 11s
Docker Compose Deployment / Docker Compose Deployment (push) Successful in 39s
2025-08-29 06:47:00 -04:00
gitea-sonarqube-bot 6d094a0366 Auto Merge of PR 8 - signoz-logspout-deployment_2025-08-27T07-08-41
Merged by Trez.One
2025-08-27 07:14:34 -04:00
205 changed files with 384 additions and 30049 deletions
+71 -66
View File
@@ -5,6 +5,7 @@ on:
push:
branches-ignore:
- 'main'
- 'renovate/**'
paths:
- '**/docker-compose.yml'
- '**/pr-docker-deploy.yml'
@@ -70,69 +71,6 @@ jobs:
notification_title: 'GITEA: PR Check'
notification_message: 'PR Created 🎟️'
# home-assistant-config-check:
# name: Home Assistant Configuration Check
# needs: [check-and-create-pr]
# env:
# HA_VERSION: "2025.8.3"
# runs-on: ubuntu-latest
# steps:
# - name: Checkout repository
# uses: actions/checkout@v4
# - name: Set up Python 3.13.2
# uses: actions/setup-python@v5
# with:
# python-version: '3.13.2'
# cache: 'pip'
# - name: Gotify Notification (setup)
# uses: eikendev/gotify-action@master
# with:
# gotify_api_base: ${{ secrets.RIKKU_GOTIFY_URL }}
# gotify_app_token: ${{ secrets.RIKKU_RUNNER_GOTIFY_TOKEN }}
# notification_title: 'GITEA: Home Assistant Config Check'
# notification_message: 'Setting up Python and dependencies...'
# - name: Cache virtualenv
# id: cache-venv
# uses: actions/cache@v4
# with:
# path: .venv
# key: venv-${{ runner.os }}-py3.13-ha2025.8.3
# restore-keys: |
# venv-${{ runner.os }}-py3.13-
# - name: Install Home Assistant
# if: steps.cache-venv.outputs.cache-hit != 'true'
# run: |
# python -m venv .venv
# source .venv/bin/activate
# pip install --upgrade pip wheel
# pip install homeassistant==${{ env.HA_VERSION }}
# - name: Gotify Notification (start check)
# uses: eikendev/gotify-action@master
# with:
# gotify_api_base: ${{ secrets.RIKKU_GOTIFY_URL }}
# gotify_app_token: ${{ secrets.RIKKU_RUNNER_GOTIFY_TOKEN }}
# notification_title: 'GITEA: Home Assistant Config Check'
# notification_message: 'Starting config check...'
# - name: Run Home Assistant config check
# run: |
# source .venv/bin/activate
# hass --config ansible/configs/homeassistant --script check_config | tee ha-check.log
# - name: Gotify Notification (done)
# uses: eikendev/gotify-action@master
# with:
# gotify_api_base: ${{ secrets.RIKKU_GOTIFY_URL }}
# gotify_app_token: ${{ secrets.RIKKU_RUNNER_GOTIFY_TOKEN }}
# notification_title: 'GITEA: Home Assistant Config Check'
# notification_message: '🚀 Config check done!'
generate-service-list:
name: Generate list of added/modified/deleted services
runs-on: ubuntu-latest
@@ -212,6 +150,12 @@ jobs:
run: |
docker login -u gitea-sonarqube-bot -p ${RIKKU_REGISTRY_PASSWORD} git.trez.wtf
- name: Login to Docker Hub
uses: docker/login-action@v3
with:
username: ${{ secrets.DOCKERHUB_USER }}
password: ${{ secrets.DOCKERHUB_PASSWORD }}
- name: Cache Vault install
id: cache-vault
uses: actions/cache@v4
@@ -238,7 +182,7 @@ jobs:
vault kv get -format=json rikku-docker/env | jq -r '.data.data' | jq -r 'keys[] as $k | "\($k)='\''\(.[$k])'\''"' > .env
- name: Docker Compose Dry Run
uses: cssnr/stack-deploy-action@v1.3.2
uses: cssnr/stack-deploy-action@v1.4.0
with:
mode: compose
file: docker-compose.yml
@@ -261,9 +205,59 @@ jobs:
notification_title: 'GITEA: Docker Compose Dry Run @ Rikku'
notification_message: 'Docker Compose dry run completed successfully.'
regenerate-readme-modified-services:
name: Update README & Generate List of Modified Services
runs-on: ubuntu-latest
needs: [docker-compose-dry-run]
steps:
- name: Checkout
uses: actions/checkout@v4
- name: Install yq
uses: dcarbone/install-yq-action@v1
- name: Gotify Notification
uses: eikendev/gotify-action@master
with:
gotify_api_base: '${{ secrets.RIKKU_GOTIFY_URL }}'
gotify_app_token: '${{ secrets.RIKKU_RUNNER_GOTIFY_TOKEN }}'
notification_title: 'GITEA: README Update'
notification_message: 'Updating README...'
- name: Generate service list
run: |
yq '.services | to_entries | map({"service": .key, "image": .value.image})' docker-compose.yml > services.yml
- name: Generate Markdown Table
uses: gazab/create-markdown-table@v1
id: service-table
with:
file: ./services.yml
- name: Regenerate README
run: |
echo "# List of Services" > README.md
echo -e "\n\n" >> README.md
echo "${{ steps.service-table.outputs.table }}" >> README.md
- name: Add/Commit README.md
id: commit-readme
uses: EndBug/add-and-commit@v9
with:
message: "chore: Update README"
add: "README.md"
- name: Gotify Notification
uses: eikendev/gotify-action@master
with:
gotify_api_base: '${{ secrets.RIKKU_GOTIFY_URL }}'
gotify_app_token: '${{ secrets.RIKKU_RUNNER_GOTIFY_TOKEN }}'
notification_title: 'GITEA: README Update'
notification_message: 'README updated'
pr-merge:
name: PR Merge
needs: [generate-service-list, docker-compose-dry-run]
needs: [generate-service-list, docker-compose-dry-run, regenerate-readme-modified-services]
runs-on: ubuntu-latest
steps:
- name: Checkout
@@ -347,7 +341,7 @@ jobs:
echo ${DOCKER_SVC_LIST}
- name: Docker Compose Deployment
uses: cssnr/stack-deploy-action@v1.3.2
uses: cssnr/stack-deploy-action@v1.4.0
with:
mode: compose
file: docker-compose.yml
@@ -362,6 +356,17 @@ jobs:
registry_pass: ${{ secrets.GHCR_LOGIN_TOKEN }}
summary: true
- name: Docker Compose Healthcheck
uses: jaracogmbh/docker-compose-health-check-action@v1.0.0
env:
DOCKER_HOST: tcp://192.168.1.252:2375
with:
max-retries: 30
retry-interval: 10
compose-file: "docker-compose.yml"
skip-exited: "true"
skip-no-healthcheck: "true"
- name: Gotify Notification
uses: eikendev/gotify-action@master
with:
+128
View File
@@ -0,0 +1,128 @@
name: Renovate PR Deployment
on:
workflow_dispatch:
pull_request:
types: [closed]
branches:
- main
jobs:
deploy:
if: |
github.event.pull_request.merged == true &&
github.event.pull_request.user.login == 'renovate-bot'
runs-on: ubuntu-latest
steps:
- name: Check out code
uses: actions/checkout@v4
- name: Detect Renovate update type
id: detect-update
env:
PR_BODY: ${{ github.event.pull_request.body }}
run: |
echo "PR body: $PR_BODY"
if echo "$PR_BODY" | grep -qE 'Update\s+(patch|minor|major|digest)'; then
echo "update=true" >> $GITHUB_OUTPUT
else
echo "update=false" >> $GITHUB_OUTPUT
fi
- name: Stop if update not patch/minor/major/digest
if: steps.detect-update.outputs.update != 'true'
run: |
echo "::warning::This PR does not involve patch/minor/major/digest update. Skipping deployment."
exit 0
- name: Get changed services from docker-compose.yml
id: services
run: |
# Ensure we have main branch available
git fetch origin main
# Find the common ancestor (merge-base) between PR HEAD and main
base=$(git merge-base HEAD origin/main)
# Get all image names added/changed in docker-compose.yml since base
images=$(git diff $base HEAD -- docker-compose.yml \
| grep -E '^\+.*image:' \
| sed -E 's/.*image:[[:space:]]*//g' \
| awk -F: '{print $1}' \
| sort -u)
# Map images to service names using yq
services=""
for img in $images; do
svc=$(yq e ".services | with_entries(select(.value.image | startswith(\"$img\"))) | keys | .[]" docker-compose.yml)
services="$services $svc"
done
# Deduplicate and trim
services=$(echo $services | tr ' ' '\n' | sort -u | xargs)
echo "services=$services" >> $GITHUB_OUTPUT
- name: Gotify Notification
uses: eikendev/gotify-action@master
with:
gotify_api_base: '${{ secrets.RIKKU_GOTIFY_URL }}'
gotify_app_token: '${{ secrets.RIKKU_RUNNER_GOTIFY_TOKEN }}'
notification_title: 'GITEA: [RENOVATE] Docker Compose Deployment @ Rinoa'
notification_message: 'Starting Docker Compose run...'
- name: Pull images for modified services
if: steps.services.outputs.services != ''
run: |
services="${{ steps.services.outputs.services }}"
echo "Pulling images for services: $services"
for svc in $services; do
docker compose pull $svc || echo "Failed to pull $svc, continuing..."
done
- name: Docker Compose Deployment
uses: hoverkraft-tech/compose-action@v2.3.0
env:
DOCKER_HOST: tcp://dockerproxy:2375
with:
services: |
${{ steps.services.outputs.services }}
up-flags: -d --remove-orphans
compose-flags: --profile rinoa-apps
- name: Docker Compose Healthcheck
continue-on-error: true
id: health
uses: jaracogmbh/docker-compose-health-check-action@v1.0.0
with:
max-retries: 30
retry-interval: 10
compose-file: "docker-compose.yml"
skip-exited: "true"
skip-no-healthcheck: "true"
- name: Gotify Notification
uses: eikendev/gotify-action@master
with:
gotify_api_base: '${{ secrets.RIKKU_GOTIFY_URL }}'
gotify_app_token: '${{ secrets.RIKKU_RUNNER_GOTIFY_TOKEN }}'
notification_title: 'GITEA: [RENOVATE] Docker Compose Deployment @ Rinoa'
notification_message: 'Deployment completed successfully.'
- name: Deployment Summary
if: always()
run: |
echo "### 🚀 Renovate Patch Deployment Summary" >> $GITHUB_STEP_SUMMARY
if [[ -z "${{ steps.services.outputs.services }}" ]]; then
echo "- No services changed in this patch update." >> $GITHUB_STEP_SUMMARY
exit 0
fi
echo "- Updated services: \`${{ steps.services.outputs.services }}\`" >> $GITHUB_STEP_SUMMARY
if [[ "${{ steps.health.outcome }}" == "success" ]]; then
echo "- ✅ All services passed health checks." >> $GITHUB_STEP_SUMMARY
else
echo "- ⚠️ Some services failed health checks. Check logs above for details." >> $GITHUB_STEP_SUMMARY
fi
-49
View File
@@ -1,50 +1 @@
# Generic ignores
*.log
*.log.*
*.db
*.db-shm
*.db-wal
*.pyc
._*
__pycache__
# Directory (contents) ignores
.cloud
.storage
deps
# Specific file ignores
core
image
ip_bans.yaml
secrets.yaml
# Build-in blueprints ignores
blueprints/*/homeassistant
# ESPHome ignores
esphome/.*/
# Ignore add-on files
aircast.xml
airsonos.xml
notebooks
# Ignore files created by IDE's
.vscode
.theia
.Trash*
# Ignore vendored stuff
custom_components
themes
www/community
# Specific keeps
!.gitkeep
# Temporary ignores
.old_config
# envs
**/.env
+19
View File
@@ -0,0 +1,19 @@
# List of Services
| Service | Image |
| --- | --- |
| adguard | adguard/adguardhome:v0.107.65 |
| beszel-agent | henrygd/beszel-agent:0.12.7 |
| castsponsorskip | ghcr.io/gabe565/castsponsorskip:0.8.2 |
| docker-socket-proxy | ghcr.io/tecnativa/docker-socket-proxy:latest |
| dockflare | alplat/dockflare:stable |
| ha-fusion | ghcr.io/matt8707/ha-fusion:2024.10.1 |
| homeassistant | ghcr.io/home-assistant/home-assistant:stable |
| ollama | ollama/ollama:0.11.10 |
| signoz-logspout | pavanputhra/logspout-signoz:2025.07.19-887dfeb |
| upsnap | ghcr.io/seriousm4x/upsnap:5 |
| watchtower | ghcr.io/containrrr/watchtower:latest |
| webhook | thecatlady/webhook:2.8.1 |
@@ -1,180 +0,0 @@
http:
pprof:
port: 6060
enabled: false
address: 127.0.0.1:45158
session_ttl: 720h
users: []
auth_attempts: 5
block_auth_min: 15
http_proxy: ""
language: ""
theme: auto
dns:
bind_hosts:
- 192.168.1.252
- fe80::b978:acda:fbab:ca7a%wlan0
- 172.30.32.1
- 127.0.0.1
- ::1
port: 53
anonymize_client_ip: false
ratelimit: 20
ratelimit_subnet_len_ipv4: 24
ratelimit_subnet_len_ipv6: 56
ratelimit_whitelist: []
refuse_any: true
upstream_dns:
- 192.168.1.254
upstream_dns_file: ""
bootstrap_dns:
- 1.1.1.1:53
fallback_dns: []
upstream_mode: load_balance
fastest_timeout: 1s
allowed_clients: []
disallowed_clients: []
blocked_hosts:
- version.bind
- id.server
- hostname.bind
trusted_proxies:
- 127.0.0.0/8
- ::1/128
cache_size: 4194304
cache_ttl_min: 0
cache_ttl_max: 0
cache_optimistic: false
bogus_nxdomain: []
aaaa_disabled: false
enable_dnssec: false
edns_client_subnet:
custom_ip: ""
enabled: false
use_custom: false
max_goroutines: 300
handle_ddr: true
ipset: []
ipset_file: ""
bootstrap_prefer_ipv6: false
upstream_timeout: 10s
private_networks: []
use_private_ptr_resolvers: false
local_ptr_upstreams: []
use_dns64: false
dns64_prefixes: []
serve_http3: false
use_http3_upstreams: false
serve_plain_dns: true
hostsfile_enabled: true
pending_requests:
enabled: true
tls:
enabled: false
server_name: ""
force_https: false
port_https: 443
port_dns_over_tls: 853
port_dns_over_quic: 853
port_dnscrypt: 0
dnscrypt_config_file: ""
allow_unencrypted_doh: false
certificate_chain: ""
private_key: ""
certificate_path: ""
private_key_path: ""
strict_sni_check: false
querylog:
dir_path: ""
ignored: []
interval: 2160h
size_memory: 1000
enabled: true
file_enabled: true
statistics:
dir_path: ""
ignored: []
interval: 24h
enabled: true
filters:
- enabled: true
url: https://adguardteam.github.io/HostlistsRegistry/assets/filter_1.txt
name: AdGuard DNS filter
id: 1
- enabled: false
url: https://adguardteam.github.io/HostlistsRegistry/assets/filter_2.txt
name: AdAway Default Blocklist
id: 2
whitelist_filters: []
user_rules: []
dhcp:
enabled: true
interface_name: wlan0
local_domain_name: lan
dhcpv4:
gateway_ip: 192.168.1.1
subnet_mask: 255.255.255.0
range_start: 192.168.1.2
range_end: 192.168.1.254
lease_duration: 86400
icmp_timeout_msec: 1000
options: []
dhcpv6:
range_start: ""
lease_duration: 86400
ra_slaac_only: false
ra_allow_slaac: false
filtering:
blocking_ipv4: ""
blocking_ipv6: ""
blocked_services:
schedule:
time_zone: America/New_York
ids: []
protection_disabled_until: null
safe_search:
enabled: false
bing: true
duckduckgo: true
ecosia: true
google: true
pixabay: true
yandex: true
youtube: true
blocking_mode: default
parental_block_host: family-block.dns.adguard.com
safebrowsing_block_host: standard-block.dns.adguard.com
rewrites: []
safe_fs_patterns: []
safebrowsing_cache_size: 1048576
safesearch_cache_size: 1048576
parental_cache_size: 1048576
cache_time: 30
filters_update_interval: 24
blocked_response_ttl: 10
filtering_enabled: false
parental_enabled: false
safebrowsing_enabled: false
protection_enabled: true
clients:
runtime_sources:
whois: true
arp: true
rdns: false
dhcp: true
hosts: true
persistent: []
log:
enabled: true
file: ""
max_backups: 0
max_size: 100
max_age: 3
compress: false
local_time: false
verbose: false
os:
group: ""
user: ""
rlimit_nofile: 0
schema_version: 29
@@ -1,51 +0,0 @@
- id: '1654749081487'
alias: Vacuum schedule
description: ''
trigger:
- platform: time
at: '11:00:00'
condition: []
action:
- parallel:
- device_id: 4f4ac1838a8d32748da9d2e5aa54c748
domain: vacuum
entity_id: vacuum.johnny_5
type: clean
- service: vacuum.set_fan_speed
data:
fan_speed: Eco
target:
device_id: 4f4ac1838a8d32748da9d2e5aa54c748
entity_id: vacuum.johnny_5
mode: single
- id: '1687209973222'
alias: After Pool
description: Night lights
trigger:
- platform: state
entity_id:
- binary_sensor.front_door_sensor_opening
from: 'off'
to: 'on'
condition:
- condition: and
conditions:
- condition: device
device_id: 8381d589cc257ba882fb80036224e53d
domain: device_tracker
entity_id: device_tracker.pixel_7_3
type: is_home
- condition: sun
before: sunrise
after: sunset
- condition: time
weekday:
- mon
- tue
- thu
action:
- service: scene.turn_on
target:
entity_id: scene.night_time
metadata: {}
mode: single
@@ -1,27 +0,0 @@
homeassistant:
# Name of the location where Home Assistant is running
name: "Rikku"
# Location required to calculate the time the sun rises and sets
latitude: 40
longitude: -73
# 'metric' for Metric, 'us_customary' for US Customary
unit_system: us_customary
# Pick yours from here: https://en.wikipedia.org/wiki/List_of_tz_database_time_zones
time_zone: "America/New_York"
# Configure a default setup of Home Assistant (frontend, api, etc)
default_config:
# Text to speech
tts:
- platform: google_translate
# automation: !include automations.yaml
# script: !include scripts.yaml
# scene: !include scenes.yaml
http:
use_x_forwarded_for: true
trusted_proxies: 192.168.1.254
browser:
@@ -1,29 +0,0 @@
foyer:
sort_order: 1
icon: mdi:coat-rack
floor: ''
disabled: false
living_room:
sort_order: 2
icon: mdi:sofa
floor: ''
disabled: false
kitchen:
sort_order: 4
icon: mdi:stove
floor: ''
disabled: false
bedroom:
sort_order: 5
icon: mdi:bed
floor: ''
disabled: false
home_office:
sort_order: 3
icon: mdi:desktop-tower-monitor
floor: ''
disabled: false
bathroom:
icon: mdi:bathtub
floor: ''
disabled: false
@@ -1,71 +0,0 @@
blueprint: clockweathercalendar.yaml
card:
cards:
- cards:
- dateFormat:
day: 2-digit
month: long
weekday: long
timeFormat:
hour: 2-digit
minute: 2-digit
type: custom:digital-clock
- animation: true
language: en
type: custom:ha-card-weather-conditions
weather:
current:
current_conditions: $18_condition_entity$
feels_like: $19_feels_like$
forecast: false
humidity: $20_humidity$
moon_phase: sensor.moon
pressure: $21_pressure$
sun: sun.sun
temperature: $17_temperature_entity$
visibility: $22_visibility$
wind_bearing: $23_wind_bearing$
wind_speed: $24_wind_speed$
icons_model: defaulthass
- dayWrapperLineColor: Green
entities:
- entity: $10_calendar_entity$
eventBarColor: Green
fullDayEventText: $13_calendar_fullDayEventText$
maxDaysToShow: $15_calendar_maxDaysToShow$
noEventText: $11_calendar_noEventText$
noEventsForNextDaysText: $12_calendar_noEventsForNextDaysText$
showMonth: true
showNoEventsForToday: true
showProgressBar: true
showWeekDay: false
timeColor: Green
type: custom:atomic-calendar-revive
untilText: $14_calendar_untilText$
type: vertical-stack
items_classes: col-xs-12
type: custom:dwains-flexbox-card
col_span: '2'
col_span_lg: '3'
col_span_xl: '4'
data:
10_calendar_entity: calendar.charish2k1_gmail_com
11_calendar_noEventText: No events
12_calendar_noEventsForNextDaysText: No events for next 7 days
13_calendar_fullDayEventText: Full day event
14_calendar_untilText: until
15_calendar_maxDaysToShow: '14'
16_language: en
17_temperature_entity: sensor.openweathermap_temperature
18_condition_entity: sensor.openweathermap_condition
19_feels_like: sensor.openweathermap_feels_like_temperature
20_humidity: sensor.openweathermap_humidity
21_pressure: sensor.openweathermap_pressure
22_visibility: sensor.openweathermap_visibility
23_wind_bearing: sensor.openweathermap_wind_bearing
24_wind_speed: sensor.openweathermap_wind_speed
position: top
row_span: '1'
row_span_lg: '1'
row_span_xl: '1'
type: custom:dwains-blueprint-card
@@ -1,14 +0,0 @@
col_span: '2'
col_span_lg: '3'
col_span_xl: '4'
entity: light.kitchen_light
icon: mdi:wall-sconce-flat-outline
position: top
row_span: '1'
row_span_lg: '1'
row_span_xl: '1'
show_brightness_control: true
show_color_control: true
show_color_temp_control: true
type: custom:mushroom-light-card
use_light_color: true
@@ -1,14 +0,0 @@
col_span: '1'
col_span_lg: '1'
col_span_xl: '1'
entity: scene.daytime
position: bottom
row_span: '1'
row_span_lg: '1'
row_span_xl: '1'
show_icon: true
show_name: true
show_state: false
tap_action:
action: toggle
type: button
@@ -1,11 +0,0 @@
columns: 2
entities:
- entity: sensor.mail_usps_delivered_2
- entity: sensor.mail_amazon_packages_delivered_2
- entity: sensor.mail_fedex_delivered_2
- entity: sensor.mail_ups_delivered_2
show_icon: true
show_name: true
show_state: true
title: Packages
type: glance
@@ -1,4 +0,0 @@
entity: light.bathroom
icon: mdi:lightbulb-group-outline
name: Bathroom Dimmer
type: light
@@ -1,4 +0,0 @@
entity: light.bathroom_lights
icon: mdi:lightbulb-group-outline
name: Bathroom Lights
type: light
@@ -1,4 +0,0 @@
entity: light.bedroom_lamp
show_brightness_control: true
type: custom:mushroom-light-card
use_light_color: true
@@ -1,7 +0,0 @@
entity: light.bedroom_lamp_light_3
name: Bedroom Lamp
show_brightness_control: true
show_color_control: true
show_color_temp_control: true
type: custom:mushroom-light-card
use_light_color: true
@@ -1,6 +0,0 @@
entity: light.bedroom_light_mintransitionlight_2
name: Bedroom Light
show_brightness_control: true
show_color_temp_control: true
type: custom:mushroom-light-card
use_light_color: true
@@ -1,4 +0,0 @@
entity: light.dimmable_light_10
show_brightness_control: true
type: custom:mushroom-light-card
use_light_color: true
@@ -1,26 +0,0 @@
action_button:
icon: mdi:power
mode: toggle
show: true
show_spinner: true
tap_action:
action: toggle
compact: false
entity: light.dresden_elektronik_raspbee_ii_bathroom_lights_zha_group_0x0002
icon:
icon: ''
show: true
tap_action:
action: more-info
use_state_color: true
show_name: true
show_state: true
slider:
background: gradient
direction: left-right
force_square: false
show_track: false
toggle_on_click: false
use_percentage_bg_opacity: true
use_state_color: true
type: custom:slider-button-card
@@ -1,7 +0,0 @@
collapsible_controls: true
entity: light.dresden_elektronik_raspbee_ii_living_room_lights
icon: mdi:lamps
show_brightness_control: true
show_color_temp_control: true
type: custom:mushroom-light-card
use_light_color: true
@@ -1,8 +0,0 @@
entity: light.dresden_elektronik_raspbee_ii_living_room_lights_zha_group_0x0003
fill_container: true
icon: mdi:lamps
show_brightness_control: true
show_color_control: false
show_color_temp_control: true
type: custom:mushroom-light-card
use_light_color: true
@@ -1,8 +0,0 @@
entity: light.dresden_elektronik_raspbee_ii_rgb_lights
icon: mdi:lightbulb-group
name: RGB Lights
show_brightness_control: true
show_color_control: true
show_color_temp_control: true
type: custom:mushroom-light-card
use_light_color: true
@@ -1,15 +0,0 @@
double_tap_action:
action: call-service
data: {}
service: light.toggle
target:
device_id:
- 0f3eea03a6d0ca83afeaaa0d27b29350
entity: light.five_way_ceiling_lamp
icon: bha:ceiling-downlight
name: Foyer Light
show_brightness_control: true
show_color_control: true
show_color_temp_control: true
type: custom:mushroom-light-card
use_light_color: true
@@ -1,9 +0,0 @@
entity: light.foyer_overhead_light
fill_container: false
icon: bha:ceiling-downlight
name: Foyer Light
show_brightness_control: true
show_color_control: true
show_color_temp_control: true
type: custom:mushroom-light-card
use_light_color: true
@@ -1,5 +0,0 @@
entity: light.living_room_lamp
show_brightness_control: true
show_color_temp_control: true
type: custom:mushroom-light-card
use_light_color: true
@@ -1,8 +0,0 @@
entity: light.living_room_lamp_light
icon: bulb
name: Living Room Lamp
show_brightness_control: true
show_color_control: true
show_color_temp_control: true
type: custom:mushroom-light-card
use_light_color: true
@@ -1,6 +0,0 @@
entity: light.living_room_lamp_light_2
name: Living Room Lamp
show_brightness_control: true
show_color_temp_control: true
type: custom:mushroom-light-card
use_light_color: true
@@ -1,8 +0,0 @@
entity: light.living_room_lamp_light_3
icon: mdi:lamp
name: Living Room Lamp
show_brightness_control: true
show_color_control: true
show_color_temp_control: true
type: custom:mushroom-light-card
use_light_color: true
@@ -1,6 +0,0 @@
entity: light.living_room_light
fill_container: true
show_brightness_control: true
show_color_temp_control: true
type: custom:mushroom-light-card
use_light_color: true
@@ -1,8 +0,0 @@
entity: light.living_room_light_light
icon: mdi:floor-lamp
name: Living Room Light
show_brightness_control: true
show_color_control: true
show_color_temp_control: true
type: custom:mushroom-light-card
use_light_color: true
@@ -1,5 +0,0 @@
entity: light.livingroom_lamp
show_brightness_control: true
show_color_temp_control: true
type: custom:mushroom-light-card
use_light_color: true
@@ -1,7 +0,0 @@
entity: light.lumi_lumi_switch_b1laus01_light
icon: mdi:light-switch
show_icon: true
show_name: true
tap_action:
action: toggle
type: button
@@ -1,9 +0,0 @@
entity: light.lumi_lumi_switch_b2laus01_light
icon: bha:dome-light
name: Foyer Light
show_icon: true
show_name: true
show_state: false
tap_action:
action: toggle
type: button
@@ -1,6 +0,0 @@
entity: light.sengled_e11_n1ea_light
show_brightness_control: true
show_color_control: true
show_color_temp_control: true
type: custom:mushroom-light-card
use_light_color: true
@@ -1,7 +0,0 @@
entity: light.sengled_e11_n1ea_light_2
name: Living Room Lamp
show_brightness_control: true
show_color_control: true
show_color_temp_control: true
type: custom:mushroom-light-card
use_light_color: true
@@ -1,9 +0,0 @@
entity: light.tv_lights_light
fill_container: false
icon: mdi:led-strip
name: TV Backlight
show_brightness_control: true
show_color_control: true
show_color_temp_control: true
type: custom:mushroom-light-card
use_light_color: true
@@ -1,2 +0,0 @@
entity: media_player.charish_br_tcl_rokutv
type: media-control
@@ -1,2 +0,0 @@
entity: media_player.charish_lr_tcl_rokutv
type: media-control
@@ -1,7 +0,0 @@
entity: scene.bathroom_lights_night
icon: mdi:lightbulb-night-outline
show_icon: true
show_name: true
tap_action:
action: toggle
type: button
@@ -1,7 +0,0 @@
entity: scene.living_room_lights_cloudy_day
icon: mdi:cloud
show_icon: true
show_name: true
tap_action:
action: toggle
type: button
@@ -1,7 +0,0 @@
entity: scene.living_room_lights_day
icon: mdi:lightbulb-group
show_icon: true
show_name: true
tap_action:
action: toggle
type: button
@@ -1,7 +0,0 @@
entity: scene.living_room_lights_night
icon: mdi:lightbulb-night
show_icon: true
show_name: true
tap_action:
action: toggle
type: button
@@ -1,7 +0,0 @@
entity: scene.living_room_lights_sleep
icon: mdi:theme-light-dark
show_icon: true
show_name: true
tap_action:
action: toggle
type: button
@@ -1,17 +0,0 @@
entities:
- entity: switch.living_room_mdf_plug_2
icon: mdi:server-network
name: MDF Plug
secondary_info: none
- entity: sensor.mdf_consumption
secondary_info: last-changed
- entity: switch.humidifier_plug
icon: mdi:power-socket-us
name: Dehumidifier Plug
- entity: sensor.consumption_5
name: Dehumidifier Consumption
secondary_info: last-updated
show_header_toggle: true
state_color: true
title: Power Control & Usage
type: entities
@@ -1,8 +0,0 @@
entity: switch.home_rig_plug
icon: mdi:desktop-tower-monitor
show_icon: true
show_name: true
show_state: true
tap_action:
action: toggle
type: button
@@ -1,8 +0,0 @@
entity: switch.kitchen_light_switch
icon: bha:spot-bulb
name: Kitchen Light
show_icon: true
show_name: true
tap_action:
action: toggle
type: button
@@ -1,8 +0,0 @@
entity: switch.on_off_light_8
icon: bha:dome-light
name: Foyer Light
show_icon: true
show_name: true
tap_action:
action: toggle
type: button
@@ -1,7 +0,0 @@
entity: switch.on_off_light_9
icon: bha:dome-light
show_icon: true
show_name: true
tap_action:
action: toggle
type: button
@@ -1,20 +0,0 @@
blueprint: vacuumblueprint.yaml
card:
cards:
- title: $heading_title$
type: custom:dwains-heading-card
- cards:
- compact_view: false
entity: $vacuum_entity$
show_name: true
show_status: true
show_toolbar: true
style: ".cal-titleContainer {\n display: none;\n}\n"
type: custom:vacuum-card
items_classes: col-xs-12
type: custom:dwains-flexbox-card
type: vertical-stack
data:
heading_title: Johnny 5 Shark Vac
vacuum_entity: vacuum.johnny_5
type: custom:dwains-blueprint-card
@@ -1,4 +0,0 @@
entity: light.bedroom_lamp
show_brightness_control: true
type: custom:mushroom-light-card
use_light_color: true
@@ -1,966 +0,0 @@
hy4:
sort_order: 1
jwh:
sort_order: 2
hy5:
sort_order: 3
p7c:
sort_order: 4
lo9:
sort_order: 5
sensor.hacs:
hidden: true
vacuum.johnny_5:
hidden: false
custom_card: true
sort_order: 2
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '1'
col_span_lg: '2'
row_span_lg: '1'
col_span_xl: '2'
row_span_xl: '1'
custom_popup: false
sensor.openweathermap_weather:
hidden: true
sensor.openweathermap_dew_point:
hidden: true
sensor.openweathermap_temperature:
hidden: true
sensor.openweathermap_feels_like_temperature:
hidden: true
sensor.openweathermap_wind_speed:
hidden: true
sensor.openweathermap_wind_bearing:
hidden: true
sensor.openweathermap_humidity:
hidden: true
sensor.openweathermap_pressure:
hidden: true
sensor.openweathermap_cloud_coverage:
hidden: true
sensor.openweathermap_rain:
hidden: true
sensor.openweathermap_snow:
hidden: true
sensor.openweathermap_precipitation_kind:
hidden: true
sensor.openweathermap_uv_index:
hidden: true
sensor.openweathermap_condition:
hidden: true
sensor.openweathermap_weather_code:
hidden: true
sensor.openweathermap_forecast_condition:
hidden: true
sensor.openweathermap_forecast_precipitation:
hidden: true
sensor.openweathermap_forecast_precipitation_probability:
hidden: true
sensor.openweathermap_forecast_pressure:
hidden: true
sensor.openweathermap_forecast_temperature:
hidden: true
sensor.openweathermap_forecast_temperature_low:
hidden: true
sensor.openweathermap_forecast_time:
hidden: true
sensor.openweathermap_forecast_wind_bearing:
hidden: true
sensor.openweathermap_forecast_wind_speed:
hidden: true
sensor.openweathermap_forecast_cloud_coverage:
hidden: true
weather.openweathermap:
hidden: true
sensor.current_version:
hidden: true
sensor.openweathermap_visibility:
hidden: true
sensor.daylight:
hidden: true
camera.mail_usps_camera_2:
hidden: false
custom_card: true
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '1'
col_span_lg: '2'
row_span_lg: '1'
col_span_xl: '2'
row_span_xl: '1'
custom_popup: false
sort_order: 4
camera.mail_amazon_delivery_camera_2:
hidden: true
sensor.mail_amazon_packages_delivered_2:
hidden: true
sort_order: 3
sensor.mail_amazon_exception_2:
hidden: true
sensor.mail_amazon_packages_2:
hidden: true
sensor.mail_fedex_delivered_2:
hidden: true
sort_order: 4
sensor.mail_fedex_delivering_2:
hidden: true
sensor.mail_fedex_packages_2:
hidden: true
sensor.mail_updated_2:
hidden: true
sensor.mail_ups_delivered_2:
hidden: true
sort_order: 5
sensor.mail_ups_delivering_2:
hidden: true
sensor.mail_ups_exception_2:
hidden: true
sensor.mail_ups_packages_2:
hidden: true
sensor.mail_usps_delivered_2:
hidden: true
sort_order: 6
sensor.mail_usps_delivering_2:
hidden: true
sensor.mail_usps_exception_2:
hidden: true
sensor.mail_usps_mail_2:
hidden: true
sensor.mail_usps_packages_2:
hidden: true
sensor.mail_image_system_path_2:
hidden: true
sensor.mail_image_url_2:
hidden: true
sensor.moon:
hidden: true
switch.on_off_light_8:
hidden: false
custom_card: true
sort_order: 3
light.front_lights:
hidden: true
binary_sensor.charish_lr_tcl_rokutv_headphones_connected:
hidden: true
disabled: true
binary_sensor.charish_lr_tcl_rokutv_supports_airplay:
hidden: true
disabled: true
binary_sensor.charish_lr_tcl_rokutv_supports_ethernet:
hidden: true
disabled: true
binary_sensor.charish_lr_tcl_rokutv_supports_find_remote:
hidden: true
disabled: true
light.living_room:
hidden: true
disabled: true
media_player.charish_lr_tcl_rokutv:
custom_card: true
sort_order: 1
hidden: false
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '2'
col_span_lg: '3'
row_span_lg: '3'
col_span_xl: '4'
row_span_xl: '1'
custom_popup: false
remote.charish_lr_tcl_rokutv:
hidden: false
disabled: false
sort_order: 6
sensor.charish_lr_tcl_rokutv_active_app_id:
hidden: true
disabled: true
sensor.charish_lr_tcl_rokutv_active_app:
hidden: true
disabled: true
sensor.mdf_consumption:
custom_card: true
sort_order: 3
hidden: false
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '1'
col_span_lg: '2'
row_span_lg: '1'
col_span_xl: '2'
row_span_xl: '1'
custom_popup: false
light.living_room_light:
sort_order: 2
custom_card: true
hidden: false
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '1'
col_span_lg: '2'
row_span_lg: '1'
col_span_xl: '2'
row_span_xl: '1'
custom_popup: false
light.livingroom_lamp:
sort_order: 2
custom_card: true
hidden: false
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '1'
col_span_lg: '1'
row_span_lg: '1'
col_span_xl: '1'
row_span_xl: '1'
custom_popup: false
sensor.fios_router_b_received:
sort_order: 7
hidden: true
disabled: true
sensor.fios_router_b_sent:
sort_order: 8
hidden: true
disabled: true
sensor.fios_router_packets_received:
sort_order: 9
hidden: true
disabled: true
sensor.fios_router_packets_sent:
sort_order: 10
hidden: true
disabled: true
sensor.fios_router_kib_s_received:
sort_order: 11
hidden: true
disabled: true
sensor.fios_router_kib_s_sent:
sort_order: 12
hidden: true
disabled: true
sensor.fios_router_packets_s_received:
sort_order: 5
hidden: true
disabled: true
sensor.fios_router_packets_s_sent:
sort_order: 6
hidden: true
disabled: true
sensor.consumption_5:
sort_order: 13
hidden: true
disabled: false
switch.living_room_mdf_plug_2:
sort_order: 14
hidden: true
disabled: false
switch.humidifier_plug:
sort_order: 15
hidden: true
disabled: false
switch.on_off_light_9:
custom_card: true
binary_sensor.charish_br_tcl_rokutv_headphones_connected:
hidden: true
binary_sensor.charish_br_tcl_rokutv_supports_airplay:
hidden: true
binary_sensor.charish_br_tcl_rokutv_supports_ethernet:
hidden: true
binary_sensor.charish_br_tcl_rokutv_supports_find_remote:
hidden: true
sensor.charish_br_tcl_rokutv_active_app:
hidden: true
sensor.charish_br_tcl_rokutv_active_app_id:
hidden: true
remote.charish_br_tcl_rokutv:
hidden: true
media_player.charish_br_tcl_rokutv:
custom_card: true
hidden: false
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '2'
col_span_lg: '3'
row_span_lg: '1'
col_span_xl: '4'
row_span_xl: '1'
custom_popup: false
sort_order: 1
light.home_office:
hidden: true
light.bedroom:
hidden: true
light.bathroom_lights:
custom_card: true
hidden: false
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '1'
col_span_lg: '3'
row_span_lg: '1'
col_span_xl: '4'
row_span_xl: '1'
custom_popup: false
sensor.hrp_consumption:
hidden: false
sort_order: 2
sensor.orp_consumption:
hidden: false
disabled: true
switch.living_room_mdf_plug:
disabled: true
switch.home_rig_plug:
custom_card: true
sort_order: 1
device_tracker.charish_lr_tcl_rokutv_2:
hidden: true
disabled: false
device_tracker.charish_br_tcl_rokutv_2:
hidden: true
light.dimmable_light_10:
custom_card: true
hidden: false
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '1'
col_span_lg: '1'
row_span_lg: '1'
col_span_xl: '1'
row_span_xl: '1'
custom_popup: false
button.living_room_lights_sleep_store_current_scene:
hidden: true
disabled: true
light.living_room_lights:
hidden: true
disabled: true
button.living_room_lights_cloudy_day_store_current_scene:
hidden: true
disabled: true
scene.living_room_lights_cloudy_day:
hidden: false
disabled: false
custom_card: true
sort_order: 6
scene.living_room_lights_sleep:
hidden: false
disabled: false
custom_card: true
sort_order: 4
light.living_room_lamp:
custom_card: true
sort_order: 3
hidden: false
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '1'
col_span_lg: '2'
row_span_lg: '1'
col_span_xl: '2'
row_span_xl: '1'
custom_popup: false
sensor.consumption_7:
hidden: false
excluded: false
disabled: false
friendly_name: MDF Plug
col_span: '1'
row_span: '1'
col_span_lg: '1'
row_span_lg: '1'
col_span_xl: '1'
row_span_xl: '1'
custom_card: false
custom_popup: false
sort_order: 5
sensor.consumption_6:
hidden: false
excluded: false
disabled: false
friendly_name: Dehumidifier Plug
col_span: '1'
row_span: '1'
col_span_lg: '1'
row_span_lg: '1'
col_span_xl: '1'
row_span_xl: '1'
custom_card: false
custom_popup: false
sort_order: 4
light.bathroom_bulb_3:
hidden: true
light.bathroom_bulb_4:
hidden: true
light.bathroom_bulb_2:
hidden: true
light.bathroom_bulb_1:
hidden: true
button.bathroom_lights_night_store_current_scene:
hidden: true
scene.bathroom_lights_night:
custom_card: true
light.bedroom_lamp:
custom_card: true
sort_order: 2
custom_popup: true
hidden: false
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '1'
col_span_lg: '2'
row_span_lg: '2'
col_span_xl: '4'
row_span_xl: '1'
switch.dehumidifier_plug:
hidden: true
button.living_room_lights_night_store_current_scene:
disabled: true
button.living_room_lights_day_store_current_scene:
disabled: true
scene.living_room_lights_night:
custom_card: true
sort_order: 7
scene.living_room_lights_day:
sort_order: 6
custom_card: true
binary_sensor.usps_image_updated:
hidden: true
binary_sensor.amazon_image_updated:
hidden: true
button.living_room_lamp_identify_2:
excluded: true
hidden: true
button.living_room_light_identify:
excluded: true
hidden: true
number.living_room_lamp_on_level_2:
excluded: true
hidden: true
light.living_room_lamp_light_2:
custom_card: true
hidden: true
sort_order: 3
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '1'
col_span_lg: '2'
row_span_lg: '1'
col_span_xl: '4'
row_span_xl: '1'
custom_popup: false
light.living_room_light_light:
custom_card: true
sort_order: 3
hidden: false
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '1'
col_span_lg: '2'
row_span_lg: '1'
col_span_xl: '4'
row_span_xl: '1'
custom_popup: false
number.living_room_lamp_on_off_transition_time_2:
hidden: true
number.living_room_lamp_start_up_color_temperature_2:
sort_order: 4
hidden: true
number.living_room_light_on_level:
sort_order: 5
hidden: true
number.living_room_light_on_off_transition_time:
sort_order: 6
hidden: true
number.living_room_light_start_up_color_temperature:
sort_order: 7
hidden: true
number.living_room_light_start_up_current_level:
sort_order: 8
hidden: true
select.living_room_lamp_start_up_behavior_2:
sort_order: 9
hidden: true
select.living_room_light_start_up_behavior:
sort_order: 10
hidden: true
number.living_room_lamp_start_up_current_level_2:
sort_order: 11
hidden: true
button.bedroom_light_identify_2:
hidden: true
number.bedroom_light_on_level_2:
hidden: true
sensor.bedroom_light_instantaneous_demand_2:
hidden: true
sensor.bedroom_light_summation_delivered_2:
hidden: true
light.bedroom_light_mintransitionlight_2:
hidden: false
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '1'
col_span_lg: '3'
row_span_lg: '1'
col_span_xl: '4'
row_span_xl: '1'
custom_card: true
custom_popup: false
light.bathroom_light_4_mintransitionlight:
hidden: true
button.bathroom_light_4_identify:
hidden: true
button.bathroom_light_2_identify:
hidden: true
button.bathroom_light_1_identify:
hidden: true
light.bathroom_light_1_mintransitionlight:
hidden: true
sensor.bathroom_light_4_instantaneous_demand:
hidden: true
sensor.bathroom_light_4_summation_delivered:
hidden: true
sensor.bathroom_light_2_instantaneous_demand:
hidden: true
sensor.bathroom_light_1_summation_delivered:
hidden: true
number.bathroom_light_1_on_level:
hidden: true
number.bathroom_light_4_on_level:
hidden: true
number.bathroom_light_2_on_level:
hidden: true
sensor.bathroom_light_2_summation_delivered:
hidden: true
sensor.bathroom_light_1_instantaneous_demand:
hidden: true
light.bathroom_light_2_mintransitionlight:
hidden: true
light.dresden_elektronik_raspbee_ii_bathroom_lights_zha_group_0x0002:
custom_card: true
hidden: false
excluded: false
disabled: true
friendly_name: ''
col_span: '2'
row_span: '2'
col_span_lg: '3'
row_span_lg: '2'
col_span_xl: '4'
row_span_xl: '1'
custom_popup: false
light.dresden_elektronik_raspbee_ii_living_room_lights_zha_group_0x0003:
sort_order: 2
custom_card: true
hidden: false
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '1'
col_span_lg: '3'
row_span_lg: '1'
col_span_xl: '4'
row_span_xl: '1'
custom_popup: false
switch.kitchen_light_switch:
custom_card: true
sort_order: 1
hidden: false
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '2'
col_span_lg: '3'
row_span_lg: '2'
col_span_xl: '2'
row_span_xl: '1'
custom_popup: false
sensor.kitchen_light_battery:
sort_order: 2
hidden: false
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '2'
col_span_lg: '2'
row_span_lg: '2'
col_span_xl: '2'
row_span_xl: '1'
custom_card: false
custom_popup: false
button.lumi_lumi_switch_b2laus01_identify:
hidden: true
sensor.lumi_lumi_switch_b2laus01_device_temperature:
hidden: true
light.lumi_lumi_switch_b2laus01_light_2:
hidden: false
light.lumi_lumi_switch_b2laus01_light:
custom_card: true
hidden: true
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '2'
col_span_lg: '2'
row_span_lg: '1'
col_span_xl: '2'
row_span_xl: '1'
custom_popup: false
sort_order: 2
binary_sensor.front_door_sensor_opening:
sort_order: 5
sensor.front_door_sensor_battery:
sort_order: 3
light.lumi_lumi_switch_b1laus01_light:
hidden: true
excluded: false
disabled: false
friendly_name: Kitchen Light
col_span: '2'
row_span: '2'
col_span_lg: '3'
row_span_lg: '1'
col_span_xl: '4'
row_span_xl: '1'
custom_card: true
custom_popup: false
sort_order: 1
light.dresden_elektronik_raspbee_ii_living_room_lights:
sort_order: 2
hidden: false
excluded: false
disabled: true
friendly_name: ''
col_span: '2'
row_span: '1'
col_span_lg: '3'
row_span_lg: '1'
col_span_xl: '4'
row_span_xl: '1'
custom_card: true
custom_popup: false
button.mdf_power_identify_2:
sort_order: 10
hidden: true
button.dehumidifier_identify_3:
sort_order: 9
hidden: true
select.mdf_power_start_up_behavior_2:
sort_order: 11
excluded: true
hidden: true
select.dehumidifier_start_up_behavior_3:
sort_order: 17
excluded: true
hidden: true
sensor.mdf_power_instantaneous_demand_2:
sort_order: 10
sensor.mdf_power_summation_delivered_2:
sort_order: 11
sensor.dehumidifier_instantaneous_demand_3:
sort_order: 12
sensor.dehumidifier_summation_delivered_3:
sort_order: 9
switch.mdf_power_switch_2:
sort_order: 7
switch.dehumidifier_switch_3:
sort_order: 8
button.lumi_lumi_switch_b1laus01_identify:
sort_order: 2
hidden: true
sensor.lumi_lumi_switch_b1laus01_device_temperature:
sort_order: 2
hidden: true
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '1'
col_span_lg: '3'
row_span_lg: '1'
col_span_xl: '4'
row_span_xl: '1'
custom_card: false
custom_popup: false
light.tv_lights_light:
custom_card: true
sort_order: 2
hidden: false
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '1'
col_span_lg: '3'
row_span_lg: '1'
col_span_xl: '4'
row_span_xl: '1'
custom_popup: false
button.tv_lights_identify:
sort_order: 17
hidden: true
light.dresden_elektronik_raspbee_ii_no_name_group_0xfff0:
sort_order: 18
excluded: true
hidden: true
light.dresden_elektronik_raspbee_ii_no_name_group_0x0007:
sort_order: 19
excluded: true
light.dresden_elektronik_raspbee_ii_no_name_group_0x0004:
sort_order: 8
excluded: true
number.tv_lights_on_off_transition_time:
sort_order: 17
excluded: true
number.tv_lights_start_up_color_temperature:
sort_order: 18
excluded: true
number.tv_lights_start_up_current_level:
sort_order: 19
excluded: true
select.tv_lights_start_up_behavior:
sort_order: 20
excluded: true
light.bathroom:
hidden: true
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '1'
col_span_lg: '3'
row_span_lg: '1'
col_span_xl: '4'
row_span_xl: '1'
custom_card: true
custom_popup: false
light.living_room_lamp_light:
custom_card: true
sort_order: 2
hidden: false
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '1'
col_span_lg: '3'
row_span_lg: '1'
col_span_xl: '4'
row_span_xl: '1'
custom_popup: false
button.living_room_lamp_identify:
sort_order: 24
sensor.living_room_lamp_instantaneous_demand:
sort_order: 25
sensor.living_room_lamp_summation_delivered:
sort_order: 26
light.sengled_e11_n1ea_light:
custom_card: true
hidden: false
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '1'
col_span_lg: '3'
row_span_lg: '1'
col_span_xl: '4'
row_span_xl: '1'
custom_popup: false
sort_order: 2
button.sengled_e11_n1ea_identify:
sort_order: 24
sensor.sengled_e11_n1ea_instantaneous_demand:
sort_order: 25
sensor.sengled_e11_n1ea_summation_delivered:
sort_order: 26
light.sengled_e11_n1ea_light_2:
custom_card: true
hidden: false
excluded: false
disabled: false
friendly_name: Living Room Lamp
col_span: '2'
row_span: '1'
col_span_lg: '3'
row_span_lg: '1'
col_span_xl: '4'
row_span_xl: '1'
custom_popup: false
sort_order: 4
button.sengled_e11_n1ea_identify_2:
sort_order: 21
excluded: true
sensor.living_room_lamp_instantaneous_demand_2:
sort_order: 13
sensor.living_room_lamp_summation_delivered_2:
sort_order: 14
light.bedroom_lamp_light_3:
hidden: false
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '1'
col_span_lg: '3'
row_span_lg: '1'
col_span_xl: '4'
row_span_xl: '1'
custom_card: true
custom_popup: false
sort_order: 2
button.bedroom_lamp_identify_3:
sort_order: 3
sensor.bedroom_lamp_instantaneous_demand_2:
sort_order: 4
sensor.bedroom_lamp_summation_delivered_2:
sort_order: 5
sensor.living_room_light_instantaneous_demand:
sort_order: 15
sensor.living_room_light_summation_delivered:
sort_order: 16
light.five_way_ceiling_lamp:
custom_card: true
sort_order: 1
hidden: false
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '1'
col_span_lg: '3'
row_span_lg: '1'
col_span_xl: '4'
row_span_xl: '1'
custom_popup: false
switch.five_way_ceiling_lamp_do_not_disturb:
sort_order: 6
hidden: true
light.dresden_elektronik_raspbee_ii_rgb_lights:
custom_card: true
hidden: false
excluded: false
disabled: true
friendly_name: ''
col_span: '2'
row_span: '1'
col_span_lg: '3'
row_span_lg: '1'
col_span_xl: '4'
row_span_xl: '1'
custom_popup: false
sort_order: 2
light.living_room_lamp_light_3:
sort_order: 4
hidden: false
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '1'
col_span_lg: '3'
row_span_lg: '1'
col_span_xl: '4'
row_span_xl: '1'
custom_card: true
custom_popup: false
binary_sensor.fios_router_wan_status:
sort_order: 21
button.living_room_lamp_identify_3:
sort_order: 5
hidden: true
sensor.fios_router_external_ip:
sort_order: 22
light.foyer_overhead_light:
custom_card: true
sort_order: 1
hidden: false
excluded: false
disabled: false
friendly_name: ''
col_span: '2'
row_span: '1'
col_span_lg: '3'
row_span_lg: '1'
col_span_xl: '4'
row_span_xl: '1'
custom_popup: false
switch.foyer_overhead_light_do_not_disturb:
sort_order: 6
hidden: true
update.foyer_light_firmware:
sort_order: 7
hidden: true
update.front_door_sensor_firmware:
sort_order: 8
hidden: true
update.bathroom_light_4_firmware:
disabled: true
update.bathroom_light_2_firmware:
disabled: true
update.bathroom_light_1_firmware:
disabled: true
light.bathroom_light_3_mintransitionlight_3:
hidden: true
update.bathroom_light_3_firmware:
hidden: true
button.bathroom_light_3_identify_3:
hidden: true
button.appliances_identify_2:
hidden: true
update.appliances_firmware:
hidden: true
switch.microwave_switch:
hidden: true
button.microwave_identify:
hidden: true
select.microwave_start_up_behavior:
hidden: true
select.appliances_start_up_behavior_2:
hidden: true
sensor.microwave_instantaneous_demand:
hidden: true
sensor.microwave_summation_delivered:
hidden: true
sensor.appliances_instantaneous_demand_2:
hidden: true
sensor.appliances_summation_delivered_2:
hidden: true
switch.appliances_switch_2:
hidden: true
update.kitchen_light_firmware:
hidden: true
update.microwave_firmware:
hidden: true
@@ -1,8 +0,0 @@
disable_clock: true
am_pm_clock: true
disable_welcome_message: false
v2_mode: false
weather_entity: weather.home_rikku
alarm_entity: ''
disable_sensor_graph: false
invert_cover: false
@@ -1,173 +0,0 @@
- id: '1654619754057'
name: Night Time
entities:
light.living_room_light_light:
min_color_temp_kelvin: 2202
max_color_temp_kelvin: 4000
min_mireds: 250
max_mireds: 454
supported_color_modes:
- color_temp
off_with_transition: false
off_brightness:
friendly_name: Living Room Light
supported_features: 40
color_mode: color_temp
brightness: 26
color_temp_kelvin: 2202
color_temp: 454
hs_color:
- 29.79
- 84.553
rgb_color:
- 255
- 146
- 39
xy_color:
- 0.579
- 0.388
state: 'on'
light.living_room_lamp_light_2:
min_color_temp_kelvin: 2202
max_color_temp_kelvin: 4000
min_mireds: 250
max_mireds: 454
supported_color_modes:
- color_temp
off_with_transition: false
off_brightness:
friendly_name: Living Room Lamp
supported_features: 40
color_mode: color_temp
brightness: 26
color_temp_kelvin: 2202
color_temp: 454
hs_color:
- 29.79
- 84.553
rgb_color:
- 255
- 146
- 39
xy_color:
- 0.579
- 0.388
state: 'on'
light.bedroom_light_mintransitionlight_2:
supported_color_modes:
- brightness
off_with_transition: false
off_brightness:
friendly_name: Bedroom Light
supported_features: 40
color_mode: brightness
brightness: 13
state: 'on'
number.living_room_lamp_start_up_color_temperature_2:
min: 250
max: 454
step: 1
mode: auto
friendly_name: Living Room Lamp Start-up color temperature
state: '65535'
icon: mdi:lightbulb-night-outline
metadata:
number.living_room_lamp_start_up_color_temperature_2:
entity_only: true
- id: '1683146213295'
name: Daytime
entities:
light.living_room_light_light:
min_color_temp_kelvin: 2202
max_color_temp_kelvin: 4000
min_mireds: 250
max_mireds: 454
supported_color_modes:
- color_temp
off_with_transition: false
off_brightness:
friendly_name: Living Room Light
supported_features: 40
color_mode: color_temp
brightness: 254
color_temp_kelvin: 4000
color_temp: 250
hs_color:
- 26.812
- 34.87
rgb_color:
- 255
- 205
- 166
xy_color:
- 0.421
- 0.364
state: 'on'
button.living_room_light_identify:
device_class: update
friendly_name: Living Room Light Identify
state: '2023-06-19T21:35:22.084960+00:00'
number.living_room_light_on_level:
min: 0
max: 255
step: 1
mode: auto
friendly_name: Living Room Light On level
state: '75'
number.living_room_light_on_off_transition_time:
min: 0
max: 65535
step: 1
mode: auto
friendly_name: Living Room Light On/Off transition time
state: '5'
select.living_room_light_start_up_behavior:
options:
- 'Off'
- 'On'
- Toggle
- PreviousValue
friendly_name: Living Room Light Start-up behavior
state: 'On'
number.living_room_light_start_up_color_temperature:
min: 250
max: 454
step: 1
mode: auto
friendly_name: Living Room Light Start-up color temperature
state: '250'
number.living_room_light_start_up_current_level:
min: 0
max: 255
step: 1
mode: auto
friendly_name: Living Room Light Start-up current level
state: '255'
light.living_room_lamp_light_2:
min_color_temp_kelvin: 2202
max_color_temp_kelvin: 4000
min_mireds: 250
max_mireds: 454
supported_color_modes:
- color_temp
off_with_transition: false
off_brightness:
friendly_name: Living Room Lamp
supported_features: 40
color_mode: color_temp
brightness: 254
color_temp_kelvin: 4000
color_temp: 250
hs_color:
- 26.812
- 34.87
rgb_color:
- 255
- 205
- 166
xy_color:
- 0.421
- 0.364
state: 'on'
icon: mdi:sun-clock
metadata: {}
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,14 +0,0 @@
<?xml version="1.0"?>
<svg width="800" height="800" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<style>
<![CDATA[#esic8yxwm7h2_to {animation: esic8yxwm7h2_to__to 6000ms linear infinite normal forwards}@keyframes esic8yxwm7h2_to__to { 0% {transform: translate(0px,0px)} 50% {transform: translate(40.000000px,40.000000px)} 100% {transform: translate(0px,0px)} }#esic8yxwm7h2_ts {animation: esic8yxwm7h2_ts__ts 6000ms linear infinite normal forwards}@keyframes esic8yxwm7h2_ts__ts { 0% {transform: scale(1,1)} 50% {transform: scale(0.900000,0.900000)} 100% {transform: scale(1,1)} }]]>
</style>
<g class="layer">
<title>Layer 1</title>
<g id="esic8yxwm7h2_to" transform="translate(0,0)">
<g id="esic8yxwm7h2_ts" transform="scale(1,1)">
<circle fill="orange" id="esic8yxwm7h2" r="224" transform="translate(400,400)"/>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 888 B

@@ -1,14 +0,0 @@
<?xml version="1.0"?>
<svg width="800" height="800" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<style>
<![CDATA[#ev5kbkxivn92_to {animation: ev5kbkxivn92_to__to 6000ms linear infinite normal forwards}@keyframes ev5kbkxivn92_to__to { 0% {transform: translate(0px,0px)} 11.666667% {transform: translate(-38.029324px,45.321684px)} 25% {transform: translate(0px,0px)} 100% {transform: translate(0px,0px)} }#ev5kbkxivn92_tr {animation: ev5kbkxivn92_tr__tr 6000ms linear infinite normal forwards}@keyframes ev5kbkxivn92_tr__tr { 0% {transform: rotate(0deg)} 11.666667% {transform: rotate(-10deg)} 25% {transform: rotate(0deg)} 100% {transform: rotate(0deg)} }]]>
</style>
<g class="layer">
<title>Layer 1</title>
<g id="ev5kbkxivn92_to">
<g id="ev5kbkxivn92_tr">
<path d="m619.782106,540.917748c-4.288,-5.28 -11.488,-7.232 -17.824,-4.96c-17.76,6.368 -37.024,9.632 -57.312,9.632c-97.056,0 -176,-78.976 -176,-176c0,-58.4 28.832,-112.768 77.12,-145.472c5.472,-3.712 8.096,-10.4 6.624,-16.832c-1.472,-6.432 -6.752,-11.296 -13.312,-12.256c-7.488,-1.088 -14.944,-1.44 -22.432,-1.44c-132.352,0 -240,107.648 -240,240c0,132.352 107.648,240 240,240c84,0 160.416,-42.688 204.352,-114.176c3.552,-5.792 3.04,-13.184 -1.216,-18.496z" fill="rgb(176,190,197)" id="ev5kbkxivn92" transform="translate(0 0)"/>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.3 KiB

@@ -1,175 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- (c) ammap.com | SVG weather icons -->
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="64"
height="64"
viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.05"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style type="text/css"><![CDATA[
/*
** CLOUDS
*/
@keyframes am-weather-cloud-2 {
0% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
50% {
-webkit-transform: translate(2px,0px);
-moz-transform: translate(2px,0px);
-ms-transform: translate(2px,0px);
transform: translate(2px,0px);
}
100% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
}
.am-weather-cloud-2 {
-webkit-animation-name: am-weather-cloud-2;
-moz-animation-name: am-weather-cloud-2;
animation-name: am-weather-cloud-2;
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** SUN
*/
@keyframes am-weather-sun {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.am-weather-sun {
-webkit-animation-name: am-weather-sun;
-moz-animation-name: am-weather-sun;
-ms-animation-name: am-weather-sun;
animation-name: am-weather-sun;
-webkit-animation-duration: 9s;
-moz-animation-duration: 9s;
-ms-animation-duration: 9s;
animation-duration: 9s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes am-weather-sun-shiny {
0% {
stroke-dasharray: 3px 10px;
stroke-dashoffset: 0px;
}
50% {
stroke-dasharray: 0.1px 10px;
stroke-dashoffset: -1px;
}
100% {
stroke-dasharray: 3px 10px;
stroke-dashoffset: 0px;
}
}
.am-weather-sun-shiny line {
-webkit-animation-name: am-weather-sun-shiny;
-moz-animation-name: am-weather-sun-shiny;
-ms-animation-name: am-weather-sun-shiny;
animation-name: am-weather-sun-shiny;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
]]></style>
</defs>
<g filter="url(#blur)" id="cloudy-day-1">
<g transform="translate(20,10)">
<g transform="translate(0,16)">
<g class="am-weather-sun">
<g>
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(45)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(90)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(135)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(180)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(225)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(270)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(315)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
</g>
<circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
</g>
<g class="am-weather-cloud-2">
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 6.4 KiB

@@ -1,176 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- (c) ammap.com | SVG weather icons -->
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="64"
height="64"
viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.05"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style type="text/css"><![CDATA[
/*
** CLOUDS
*/
@keyframes am-weather-cloud-2 {
0% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
50% {
-webkit-transform: translate(2px,0px);
-moz-transform: translate(2px,0px);
-ms-transform: translate(2px,0px);
transform: translate(2px,0px);
}
100% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
}
.am-weather-cloud-2 {
-webkit-animation-name: am-weather-cloud-2;
-moz-animation-name: am-weather-cloud-2;
animation-name: am-weather-cloud-2;
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** SUN
*/
@keyframes am-weather-sun {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.am-weather-sun {
-webkit-animation-name: am-weather-sun;
-moz-animation-name: am-weather-sun;
-ms-animation-name: am-weather-sun;
animation-name: am-weather-sun;
-webkit-animation-duration: 9s;
-moz-animation-duration: 9s;
-ms-animation-duration: 9s;
animation-duration: 9s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes am-weather-sun-shiny {
0% {
stroke-dasharray: 3px 10px;
stroke-dashoffset: 0px;
}
50% {
stroke-dasharray: 0.1px 10px;
stroke-dashoffset: -1px;
}
100% {
stroke-dasharray: 3px 10px;
stroke-dashoffset: 0px;
}
}
.am-weather-sun-shiny line {
-webkit-animation-name: am-weather-sun-shiny;
-moz-animation-name: am-weather-sun-shiny;
-ms-animation-name: am-weather-sun-shiny;
animation-name: am-weather-sun-shiny;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
]]></style>
</defs>
<g filter="url(#blur)" id="cloudy-day-2">
<g transform="translate(20,10)">
<g transform="translate(0,16)">
<g class="am-weather-sun">
<g>
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(45)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(90)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(135)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(180)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(225)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(270)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(315)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
</g>
<circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
</g>
<g class="am-weather-cloud-2">
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 6.4 KiB

@@ -1,175 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- (c) ammap.com | SVG weather icons -->
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="64"
height="64"
viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.05"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style type="text/css"><![CDATA[
/*
** CLOUDS
*/
@keyframes am-weather-cloud-2 {
0% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
50% {
-webkit-transform: translate(2px,0px);
-moz-transform: translate(2px,0px);
-ms-transform: translate(2px,0px);
transform: translate(2px,0px);
}
100% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
}
.am-weather-cloud-2 {
-webkit-animation-name: am-weather-cloud-2;
-moz-animation-name: am-weather-cloud-2;
animation-name: am-weather-cloud-2;
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** SUN
*/
@keyframes am-weather-sun {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.am-weather-sun {
-webkit-animation-name: am-weather-sun;
-moz-animation-name: am-weather-sun;
-ms-animation-name: am-weather-sun;
animation-name: am-weather-sun;
-webkit-animation-duration: 9s;
-moz-animation-duration: 9s;
-ms-animation-duration: 9s;
animation-duration: 9s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes am-weather-sun-shiny {
0% {
stroke-dasharray: 3px 10px;
stroke-dashoffset: 0px;
}
50% {
stroke-dasharray: 0.1px 10px;
stroke-dashoffset: -1px;
}
100% {
stroke-dasharray: 3px 10px;
stroke-dashoffset: 0px;
}
}
.am-weather-sun-shiny line {
-webkit-animation-name: am-weather-sun-shiny;
-moz-animation-name: am-weather-sun-shiny;
-ms-animation-name: am-weather-sun-shiny;
animation-name: am-weather-sun-shiny;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
]]></style>
</defs>
<g filter="url(#blur)" id="cloudy-day-3">
<g transform="translate(20,10)">
<g transform="translate(0,16)">
<g class="am-weather-sun">
<g>
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(45)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(90)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(135)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(180)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(225)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(270)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(315)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
</g>
<circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
</g>
<g class="am-weather-cloud-2">
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 6.4 KiB

@@ -1,198 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- (c) ammap.com | SVG weather icons -->
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="64"
height="64"
viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.05"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style type="text/css"><![CDATA[
/*
** CLOUDS
*/
@keyframes am-weather-cloud-2 {
0% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
50% {
-webkit-transform: translate(2px,0px);
-moz-transform: translate(2px,0px);
-ms-transform: translate(2px,0px);
transform: translate(2px,0px);
}
100% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
}
.am-weather-cloud-2 {
-webkit-animation-name: am-weather-cloud-2;
-moz-animation-name: am-weather-cloud-2;
animation-name: am-weather-cloud-2;
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** MOON
*/
@keyframes am-weather-moon {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.am-weather-moon {
-webkit-animation-name: am-weather-moon;
-moz-animation-name: am-weather-moon;
-ms-animation-name: am-weather-moon;
animation-name: am-weather-moon;
-webkit-animation-duration: 6s;
-moz-animation-duration: 6s;
-ms-animation-duration: 6s;
animation-duration: 6s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
}
@keyframes am-weather-moon-star-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.am-weather-moon-star-1 {
-webkit-animation-name: am-weather-moon-star-1;
-moz-animation-name: am-weather-moon-star-1;
-ms-animation-name: am-weather-moon-star-1;
animation-name: am-weather-moon-star-1;
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
-ms-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-duration: 5s;
-moz-animation-duration: 5s;
-ms-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@keyframes am-weather-moon-star-2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.am-weather-moon-star-2 {
-webkit-animation-name: am-weather-moon-star-2;
-moz-animation-name: am-weather-moon-star-2;
-ms-animation-name: am-weather-moon-star-2;
animation-name: am-weather-moon-star-2;
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
animation-delay: 5s;
-webkit-animation-duration: 4s;
-moz-animation-duration: 4s;
-ms-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
animation-iteration-count: 1;
}
]]></style>
</defs>
<g filter="url(#blur)" id="cloudy-night-1">
<g transform="translate(20,10)">
<g transform="translate(16,4), scale(0.8)">
<g class="am-weather-moon-star-1">
<polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
</g>
<g class="am-weather-moon-star-2">
<polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
</g>
<g class="am-weather-moon">
<path d="M14.5,13.2c0-3.7,2-6.9,5-8.7 c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
</g>
</g>
<g class="am-weather-cloud-2">
<path d="M47.7,35.4 c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 6.5 KiB

@@ -1,198 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- (c) ammap.com | SVG weather icons -->
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="64"
height="64"
viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.05"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style type="text/css"><![CDATA[
/*
** CLOUDS
*/
@keyframes am-weather-cloud-2 {
0% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
50% {
-webkit-transform: translate(2px,0px);
-moz-transform: translate(2px,0px);
-ms-transform: translate(2px,0px);
transform: translate(2px,0px);
}
100% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
}
.am-weather-cloud-2 {
-webkit-animation-name: am-weather-cloud-2;
-moz-animation-name: am-weather-cloud-2;
animation-name: am-weather-cloud-2;
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** MOON
*/
@keyframes am-weather-moon {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.am-weather-moon {
-webkit-animation-name: am-weather-moon;
-moz-animation-name: am-weather-moon;
-ms-animation-name: am-weather-moon;
animation-name: am-weather-moon;
-webkit-animation-duration: 6s;
-moz-animation-duration: 6s;
-ms-animation-duration: 6s;
animation-duration: 6s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
}
@keyframes am-weather-moon-star-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.am-weather-moon-star-1 {
-webkit-animation-name: am-weather-moon-star-1;
-moz-animation-name: am-weather-moon-star-1;
-ms-animation-name: am-weather-moon-star-1;
animation-name: am-weather-moon-star-1;
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
-ms-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-duration: 5s;
-moz-animation-duration: 5s;
-ms-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@keyframes am-weather-moon-star-2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.am-weather-moon-star-2 {
-webkit-animation-name: am-weather-moon-star-2;
-moz-animation-name: am-weather-moon-star-2;
-ms-animation-name: am-weather-moon-star-2;
animation-name: am-weather-moon-star-2;
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
animation-delay: 5s;
-webkit-animation-duration: 4s;
-moz-animation-duration: 4s;
-ms-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
animation-iteration-count: 1;
}
]]></style>
</defs>
<g filter="url(#blur)" id="cloudy-night-2">
<g transform="translate(20,10)">
<g transform="translate(16,4), scale(0.8)">
<g class="am-weather-moon-star-1">
<polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
</g>
<g class="am-weather-moon-star-2">
<polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
</g>
<g class="am-weather-moon">
<path d="M14.5,13.2c0-3.7,2-6.9,5-8.7 c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
</g>
</g>
<g class="am-weather-cloud-2">
<path d="M47.7,35.4 c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 6.5 KiB

@@ -1,198 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- (c) ammap.com | SVG weather icons -->
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="64"
height="64"
viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.05"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style type="text/css"><![CDATA[
/*
** CLOUDS
*/
@keyframes am-weather-cloud-2 {
0% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
50% {
-webkit-transform: translate(2px,0px);
-moz-transform: translate(2px,0px);
-ms-transform: translate(2px,0px);
transform: translate(2px,0px);
}
100% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
}
.am-weather-cloud-2 {
-webkit-animation-name: am-weather-cloud-2;
-moz-animation-name: am-weather-cloud-2;
animation-name: am-weather-cloud-2;
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** MOON
*/
@keyframes am-weather-moon {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.am-weather-moon {
-webkit-animation-name: am-weather-moon;
-moz-animation-name: am-weather-moon;
-ms-animation-name: am-weather-moon;
animation-name: am-weather-moon;
-webkit-animation-duration: 6s;
-moz-animation-duration: 6s;
-ms-animation-duration: 6s;
animation-duration: 6s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
}
@keyframes am-weather-moon-star-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.am-weather-moon-star-1 {
-webkit-animation-name: am-weather-moon-star-1;
-moz-animation-name: am-weather-moon-star-1;
-ms-animation-name: am-weather-moon-star-1;
animation-name: am-weather-moon-star-1;
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
-ms-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-duration: 5s;
-moz-animation-duration: 5s;
-ms-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@keyframes am-weather-moon-star-2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.am-weather-moon-star-2 {
-webkit-animation-name: am-weather-moon-star-2;
-moz-animation-name: am-weather-moon-star-2;
-ms-animation-name: am-weather-moon-star-2;
animation-name: am-weather-moon-star-2;
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
animation-delay: 5s;
-webkit-animation-duration: 4s;
-moz-animation-duration: 4s;
-ms-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
animation-iteration-count: 1;
}
]]></style>
</defs>
<g filter="url(#blur)" id="cloudy-night-3">
<g transform="translate(20,10)">
<g transform="translate(16,4), scale(0.8)">
<g class="am-weather-moon-star-1">
<polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
</g>
<g class="am-weather-moon-star-2">
<polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
</g>
<g class="am-weather-moon">
<path d="M14.5,13.2c0-3.7,2-6.9,5-8.7 c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
</g>
</g>
<g class="am-weather-cloud-2">
<path d="M47.7,35.4 c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 6.5 KiB

@@ -1,500 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- (c) ammap.com | SVG weather icons -->
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="64"
height="64"
viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.05"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style type="text/css"><![CDATA[
/*
** CLOUDS
*/
@keyframes am-weather-cloud-1 {
0% {
-webkit-transform: translate(-5px,0px);
-moz-transform: translate(-5px,0px);
-ms-transform: translate(-5px,0px);
transform: translate(-5px,0px);
}
50% {
-webkit-transform: translate(10px,0px);
-moz-transform: translate(10px,0px);
-ms-transform: translate(10px,0px);
transform: translate(10px,0px);
}
100% {
-webkit-transform: translate(-5px,0px);
-moz-transform: translate(-5px,0px);
-ms-transform: translate(-5px,0px);
transform: translate(-5px,0px);
}
}
.am-weather-cloud-1 {
-webkit-animation-name: am-weather-cloud-1;
-moz-animation-name: am-weather-cloud-1;
animation-name: am-weather-cloud-1;
-webkit-animation-duration: 7s;
-moz-animation-duration: 7s;
animation-duration: 7s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes am-weather-cloud-2 {
0% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
50% {
-webkit-transform: translate(2px,0px);
-moz-transform: translate(2px,0px);
-ms-transform: translate(2px,0px);
transform: translate(2px,0px);
}
100% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
}
.am-weather-cloud-2 {
-webkit-animation-name: am-weather-cloud-2;
-moz-animation-name: am-weather-cloud-2;
animation-name: am-weather-cloud-2;
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** SUN
*/
@keyframes am-weather-sun {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.am-weather-sun {
-webkit-animation-name: am-weather-sun;
-moz-animation-name: am-weather-sun;
-ms-animation-name: am-weather-sun;
animation-name: am-weather-sun;
-webkit-animation-duration: 9s;
-moz-animation-duration: 9s;
-ms-animation-duration: 9s;
animation-duration: 9s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes am-weather-sun-shiny {
0% {
stroke-dasharray: 3px 10px;
stroke-dashoffset: 0px;
}
50% {
stroke-dasharray: 0.1px 10px;
stroke-dashoffset: -1px;
}
100% {
stroke-dasharray: 3px 10px;
stroke-dashoffset: 0px;
}
}
.am-weather-sun-shiny line {
-webkit-animation-name: am-weather-sun-shiny;
-moz-animation-name: am-weather-sun-shiny;
-ms-animation-name: am-weather-sun-shiny;
animation-name: am-weather-sun-shiny;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** MOON
*/
@keyframes am-weather-moon {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.am-weather-moon {
-webkit-animation-name: am-weather-moon;
-moz-animation-name: am-weather-moon;
-ms-animation-name: am-weather-moon;
animation-name: am-weather-moon;
-webkit-animation-duration: 6s;
-moz-animation-duration: 6s;
-ms-animation-duration: 6s;
animation-duration: 6s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
}
@keyframes am-weather-moon-star-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.am-weather-moon-star-1 {
-webkit-animation-name: am-weather-moon-star-1;
-moz-animation-name: am-weather-moon-star-1;
-ms-animation-name: am-weather-moon-star-1;
animation-name: am-weather-moon-star-1;
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
-ms-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-duration: 5s;
-moz-animation-duration: 5s;
-ms-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@keyframes am-weather-moon-star-2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.am-weather-moon-star-2 {
-webkit-animation-name: am-weather-moon-star-2;
-moz-animation-name: am-weather-moon-star-2;
-ms-animation-name: am-weather-moon-star-2;
animation-name: am-weather-moon-star-2;
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
animation-delay: 5s;
-webkit-animation-duration: 4s;
-moz-animation-duration: 4s;
-ms-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
animation-iteration-count: 1;
}
/*
** RAIN
*/
@keyframes am-weather-rain {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: -100;
}
}
.am-weather-rain-1 {
-webkit-animation-name: am-weather-rain;
-moz-animation-name: am-weather-rain;
-ms-animation-name: am-weather-rain;
animation-name: am-weather-rain;
-webkit-animation-duration: 8s;
-moz-animation-duration: 8s;
-ms-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.am-weather-rain-2 {
-webkit-animation-name: am-weather-rain;
-moz-animation-name: am-weather-rain;
-ms-animation-name: am-weather-rain;
animation-name: am-weather-rain;
-webkit-animation-delay: 0.25s;
-moz-animation-delay: 0.25s;
-ms-animation-delay: 0.25s;
animation-delay: 0.25s;
-webkit-animation-duration: 8s;
-moz-animation-duration: 8s;
-ms-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** SNOW
*/
@keyframes am-weather-snow {
0% {
-webkit-transform: translateX(0) translateY(0);
-moz-transform: translateX(0) translateY(0);
-ms-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0);
}
33.33% {
-webkit-transform: translateX(-1.2px) translateY(2px);
-moz-transform: translateX(-1.2px) translateY(2px);
-ms-transform: translateX(-1.2px) translateY(2px);
transform: translateX(-1.2px) translateY(2px);
}
66.66% {
-webkit-transform: translateX(1.4px) translateY(4px);
-moz-transform: translateX(1.4px) translateY(4px);
-ms-transform: translateX(1.4px) translateY(4px);
transform: translateX(1.4px) translateY(4px);
opacity: 1;
}
100% {
-webkit-transform: translateX(-1.6px) translateY(6px);
-moz-transform: translateX(-1.6px) translateY(6px);
-ms-transform: translateX(-1.6px) translateY(6px);
transform: translateX(-1.6px) translateY(6px);
opacity: 0;
}
}
@keyframes am-weather-snow-reverse {
0% {
-webkit-transform: translateX(0) translateY(0);
-moz-transform: translateX(0) translateY(0);
-ms-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0);
}
33.33% {
-webkit-transform: translateX(1.2px) translateY(2px);
-moz-transform: translateX(1.2px) translateY(2px);
-ms-transform: translateX(1.2px) translateY(2px);
transform: translateX(1.2px) translateY(2px);
}
66.66% {
-webkit-transform: translateX(-1.4px) translateY(4px);
-moz-transform: translateX(-1.4px) translateY(4px);
-ms-transform: translateX(-1.4px) translateY(4px);
transform: translateX(-1.4px) translateY(4px);
opacity: 1;
}
100% {
-webkit-transform: translateX(1.6px) translateY(6px);
-moz-transform: translateX(1.6px) translateY(6px);
-ms-transform: translateX(1.6px) translateY(6px);
transform: translateX(1.6px) translateY(6px);
opacity: 0;
}
}
.am-weather-snow-1 {
-webkit-animation-name: am-weather-snow;
-moz-animation-name: am-weather-snow;
-ms-animation-name: am-weather-snow;
animation-name: am-weather-snow;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.am-weather-snow-2 {
-webkit-animation-name: am-weather-snow;
-moz-animation-name: am-weather-snow;
-ms-animation-name: am-weather-snow;
animation-name: am-weather-snow;
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
-ms-animation-delay: 1.2s;
animation-delay: 1.2s;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.am-weather-snow-3 {
-webkit-animation-name: am-weather-snow-reverse;
-moz-animation-name: am-weather-snow-reverse;
-ms-animation-name: am-weather-snow-reverse;
animation-name: am-weather-snow-reverse;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** EASING
*/
.am-weather-easing-ease-in-out {
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
]]></style>
</defs>
<g filter="url(#blur)" id="cloudy">
<g transform="translate(20,10)">
<g class="am-weather-cloud-1">
<path d="M47.7,35.4 c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-8), scale(0.6)"/>
</g>
<g class="am-weather-cloud-2">
<path d="M47.7,35.4 c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 15 KiB

@@ -1,13 +0,0 @@
<?xml version="1.0"?>
<svg width="800" height="800" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<style>
<![CDATA[#exkj448c93ak3_to {animation: exkj448c93ak3_to__to 9000ms linear infinite normal forwards}@keyframes exkj448c93ak3_to__to { 0% {transform: translate(0px,0px)} 22.222222% {transform: translate(0px,0px)} 44.444444% {transform: translate(96px,0px)} 66.666667% {transform: translate(96px,0px)} 88.888889% {transform: translate(0px,0px)} 100% {transform: translate(0px,0px)} }]]>
</style>
<g class="layer">
<title>Layer 1</title>
<path d="m556.864,338.032c-14.944,-74.016 -79.776,-128.032 -156.864,-128.032c-64.032,0 -121.504,38.112 -146.688,96.032c-60.512,1.44 -109.312,51.104 -109.312,111.968c0,61.76 50.24,112 112,112l304,0c52.928,0 96,-43.072 96,-96c0,-53.984 -45.536,-97.344 -99.136,-95.968z" fill="#C6DEFF" id="exkj448c93ak2"/>
<g id="exkj448c93ak3_to">
<path d="m480,466c-1.408,0 -2.784,0.032 -4.128,0.096c-14.24,-55.808 -64.864,-96.096 -123.872,-96.096c-45.6,0 -87.968,24.8 -110.752,64c-0.416,0 -0.832,0 -1.248,0c-52.928,0 -96,43.072 -96,96c0,52.928 43.072,96 96,96l240,0c44.128,0 80,-35.872 80,-80c0,-44.128 -35.872,-80 -80,-80z" fill="#57A0EE" id="exkj448c93ak3" transform="translate(0 0)"/>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

@@ -1,521 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- (c) ammap.com | SVG weather icons -->
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="64"
height="64"
viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.05"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style type="text/css"><![CDATA[
/*
** CLOUDS
*/
@keyframes am-weather-cloud-1 {
0% {
-webkit-transform: translate(-5px,0px);
-moz-transform: translate(-5px,0px);
-ms-transform: translate(-5px,0px);
transform: translate(-5px,0px);
}
50% {
-webkit-transform: translate(10px,0px);
-moz-transform: translate(10px,0px);
-ms-transform: translate(10px,0px);
transform: translate(10px,0px);
}
100% {
-webkit-transform: translate(-5px,0px);
-moz-transform: translate(-5px,0px);
-ms-transform: translate(-5px,0px);
transform: translate(-5px,0px);
}
}
.am-weather-cloud-1 {
-webkit-animation-name: am-weather-cloud-1;
-moz-animation-name: am-weather-cloud-1;
animation-name: am-weather-cloud-1;
-webkit-animation-duration: 7s;
-moz-animation-duration: 7s;
animation-duration: 7s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes am-weather-cloud-2 {
0% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
50% {
-webkit-transform: translate(2px,0px);
-moz-transform: translate(2px,0px);
-ms-transform: translate(2px,0px);
transform: translate(2px,0px);
}
100% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
}
.am-weather-cloud-2 {
-webkit-animation-name: am-weather-cloud-2;
-moz-animation-name: am-weather-cloud-2;
animation-name: am-weather-cloud-2;
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** SUN
*/
@keyframes am-weather-sun {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.am-weather-sun {
-webkit-animation-name: am-weather-sun;
-moz-animation-name: am-weather-sun;
-ms-animation-name: am-weather-sun;
animation-name: am-weather-sun;
-webkit-animation-duration: 9s;
-moz-animation-duration: 9s;
-ms-animation-duration: 9s;
animation-duration: 9s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes am-weather-sun-shiny {
0% {
stroke-dasharray: 3px 10px;
stroke-dashoffset: 0px;
}
50% {
stroke-dasharray: 0.1px 10px;
stroke-dashoffset: -1px;
}
100% {
stroke-dasharray: 3px 10px;
stroke-dashoffset: 0px;
}
}
.am-weather-sun-shiny line {
-webkit-animation-name: am-weather-sun-shiny;
-moz-animation-name: am-weather-sun-shiny;
-ms-animation-name: am-weather-sun-shiny;
animation-name: am-weather-sun-shiny;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** MOON
*/
@keyframes am-weather-moon {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.am-weather-moon {
-webkit-animation-name: am-weather-moon;
-moz-animation-name: am-weather-moon;
-ms-animation-name: am-weather-moon;
animation-name: am-weather-moon;
-webkit-animation-duration: 6s;
-moz-animation-duration: 6s;
-ms-animation-duration: 6s;
animation-duration: 6s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
}
@keyframes am-weather-moon-star-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.am-weather-moon-star-1 {
-webkit-animation-name: am-weather-moon-star-1;
-moz-animation-name: am-weather-moon-star-1;
-ms-animation-name: am-weather-moon-star-1;
animation-name: am-weather-moon-star-1;
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
-ms-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-duration: 5s;
-moz-animation-duration: 5s;
-ms-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@keyframes am-weather-moon-star-2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.am-weather-moon-star-2 {
-webkit-animation-name: am-weather-moon-star-2;
-moz-animation-name: am-weather-moon-star-2;
-ms-animation-name: am-weather-moon-star-2;
animation-name: am-weather-moon-star-2;
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
animation-delay: 5s;
-webkit-animation-duration: 4s;
-moz-animation-duration: 4s;
-ms-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
animation-iteration-count: 1;
}
/*
** RAIN
*/
@keyframes am-weather-rain {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: -100;
}
}
.am-weather-rain-1 {
-webkit-animation-name: am-weather-rain;
-moz-animation-name: am-weather-rain;
-ms-animation-name: am-weather-rain;
animation-name: am-weather-rain;
-webkit-animation-duration: 8s;
-moz-animation-duration: 8s;
-ms-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.am-weather-rain-2 {
-webkit-animation-name: am-weather-rain;
-moz-animation-name: am-weather-rain;
-ms-animation-name: am-weather-rain;
animation-name: am-weather-rain;
-webkit-animation-delay: 0.25s;
-moz-animation-delay: 0.25s;
-ms-animation-delay: 0.25s;
animation-delay: 0.25s;
-webkit-animation-duration: 8s;
-moz-animation-duration: 8s;
-ms-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** SNOW
*/
@keyframes am-weather-snow {
0% {
-webkit-transform: translateX(0) translateY(0);
-moz-transform: translateX(0) translateY(0);
-ms-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0);
}
33.33% {
-webkit-transform: translateX(-1.2px) translateY(2px);
-moz-transform: translateX(-1.2px) translateY(2px);
-ms-transform: translateX(-1.2px) translateY(2px);
transform: translateX(-1.2px) translateY(2px);
}
66.66% {
-webkit-transform: translateX(1.4px) translateY(4px);
-moz-transform: translateX(1.4px) translateY(4px);
-ms-transform: translateX(1.4px) translateY(4px);
transform: translateX(1.4px) translateY(4px);
opacity: 1;
}
100% {
-webkit-transform: translateX(-1.6px) translateY(6px);
-moz-transform: translateX(-1.6px) translateY(6px);
-ms-transform: translateX(-1.6px) translateY(6px);
transform: translateX(-1.6px) translateY(6px);
opacity: 0;
}
}
@keyframes am-weather-snow-reverse {
0% {
-webkit-transform: translateX(0) translateY(0);
-moz-transform: translateX(0) translateY(0);
-ms-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0);
}
33.33% {
-webkit-transform: translateX(1.2px) translateY(2px);
-moz-transform: translateX(1.2px) translateY(2px);
-ms-transform: translateX(1.2px) translateY(2px);
transform: translateX(1.2px) translateY(2px);
}
66.66% {
-webkit-transform: translateX(-1.4px) translateY(4px);
-moz-transform: translateX(-1.4px) translateY(4px);
-ms-transform: translateX(-1.4px) translateY(4px);
transform: translateX(-1.4px) translateY(4px);
opacity: 1;
}
100% {
-webkit-transform: translateX(1.6px) translateY(6px);
-moz-transform: translateX(1.6px) translateY(6px);
-ms-transform: translateX(1.6px) translateY(6px);
transform: translateX(1.6px) translateY(6px);
opacity: 0;
}
}
.am-weather-snow-1 {
-webkit-animation-name: am-weather-snow;
-moz-animation-name: am-weather-snow;
-ms-animation-name: am-weather-snow;
animation-name: am-weather-snow;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.am-weather-snow-2 {
-webkit-animation-name: am-weather-snow;
-moz-animation-name: am-weather-snow;
-ms-animation-name: am-weather-snow;
animation-name: am-weather-snow;
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
-ms-animation-delay: 1.2s;
animation-delay: 1.2s;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.am-weather-snow-3 {
-webkit-animation-name: am-weather-snow-reverse;
-moz-animation-name: am-weather-snow-reverse;
-ms-animation-name: am-weather-snow-reverse;
animation-name: am-weather-snow-reverse;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** EASING
*/
.am-weather-easing-ease-in-out {
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
]]></style>
</defs>
<g filter="url(#blur)" id="day">
<g transform="translate(32,32)">
<g class="am-weather-sun am-weather-sun-shiny am-weather-easing-ease-in-out">
<g>
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
</g>
<g transform="rotate(45)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
</g>
<g transform="rotate(90)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
</g>
<g transform="rotate(135)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
</g>
<g transform="rotate(180)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
</g>
<g transform="rotate(225)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
</g>
<g transform="rotate(270)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
</g>
<g transform="rotate(315)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
</g>
</g>
<circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 16 KiB

@@ -1,214 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- (c) ammap.com | SVG weather icons -->
<!-- Fair (Day) | Contributed by hsoJ95 on GitHub: https://github.com/hsoj95 -->
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="64"
height="64"
viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.05"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style type="text/css"><![CDATA[
/*
** CLOUDS
*/
@keyframes am-weather-cloud-1 {
0% {
-webkit-transform: translate(-5px,0px);
-moz-transform: translate(-5px,0px);
-ms-transform: translate(-5px,0px);
transform: translate(-5px,0px);
}
50% {
-webkit-transform: translate(10px,0px);
-moz-transform: translate(10px,0px);
-ms-transform: translate(10px,0px);
transform: translate(10px,0px);
}
100% {
-webkit-transform: translate(-5px,0px);
-moz-transform: translate(-5px,0px);
-ms-transform: translate(-5px,0px);
transform: translate(-5px,0px);
}
}
.am-weather-cloud-1 {
-webkit-animation-name: am-weather-cloud-1;
-moz-animation-name: am-weather-cloud-1;
animation-name: am-weather-cloud-1;
-webkit-animation-duration: 7s;
-moz-animation-duration: 7s;
animation-duration: 7s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes am-weather-cloud-2 {
0% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
50% {
-webkit-transform: translate(2px,0px);
-moz-transform: translate(2px,0px);
-ms-transform: translate(2px,0px);
transform: translate(2px,0px);
}
100% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
}
.am-weather-cloud-2 {
-webkit-animation-name: am-weather-cloud-2;
-moz-animation-name: am-weather-cloud-2;
animation-name: am-weather-cloud-2;
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** SUN
*/
@keyframes am-weather-sun {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.am-weather-sun {
-webkit-animation-name: am-weather-sun;
-moz-animation-name: am-weather-sun;
-ms-animation-name: am-weather-sun;
animation-name: am-weather-sun;
-webkit-animation-duration: 9s;
-moz-animation-duration: 9s;
-ms-animation-duration: 9s;
animation-duration: 9s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes am-weather-sun-shiny {
0% {
stroke-dasharray: 3px 10px;
stroke-dashoffset: 0px;
}
50% {
stroke-dasharray: 0.1px 10px;
stroke-dashoffset: -1px;
}
100% {
stroke-dasharray: 3px 10px;
stroke-dashoffset: 0px;
}
}
.am-weather-sun-shiny line {
-webkit-animation-name: am-weather-sun-shiny;
-moz-animation-name: am-weather-sun-shiny;
-ms-animation-name: am-weather-sun-shiny;
animation-name: am-weather-sun-shiny;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
]]></style>
</defs>
<g filter="url(#blur)" id="cloudy-day-1">
<g transform="translate(20,10)">
<g transform="translate(0,16)">
<g class="am-weather-sun">
<g>
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(45)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(90)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(135)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(180)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(225)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(270)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(315)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
</g>
<circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
</g>
<g class="am-weather-cloud-1">
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-8), scale(0.4)"/>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 7.6 KiB

@@ -1,237 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- (c) ammap.com | SVG weather icons -->
<!-- Fair (Day) | Contributed by hsoJ95 on GitHub: https://github.com/hsoj95 -->
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="64"
height="64"
viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.05"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style type="text/css"><![CDATA[
/*
** CLOUDS
*/
@keyframes am-weather-cloud-1 {
0% {
-webkit-transform: translate(-5px,0px);
-moz-transform: translate(-5px,0px);
-ms-transform: translate(-5px,0px);
transform: translate(-5px,0px);
}
50% {
-webkit-transform: translate(10px,0px);
-moz-transform: translate(10px,0px);
-ms-transform: translate(10px,0px);
transform: translate(10px,0px);
}
100% {
-webkit-transform: translate(-5px,0px);
-moz-transform: translate(-5px,0px);
-ms-transform: translate(-5px,0px);
transform: translate(-5px,0px);
}
}
.am-weather-cloud-1 {
-webkit-animation-name: am-weather-cloud-1;
-moz-animation-name: am-weather-cloud-1;
animation-name: am-weather-cloud-1;
-webkit-animation-duration: 7s;
-moz-animation-duration: 7s;
animation-duration: 7s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes am-weather-cloud-2 {
0% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
50% {
-webkit-transform: translate(2px,0px);
-moz-transform: translate(2px,0px);
-ms-transform: translate(2px,0px);
transform: translate(2px,0px);
}
100% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
}
.am-weather-cloud-2 {
-webkit-animation-name: am-weather-cloud-2;
-moz-animation-name: am-weather-cloud-2;
animation-name: am-weather-cloud-2;
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** MOON
*/
@keyframes am-weather-moon {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.am-weather-moon {
-webkit-animation-name: am-weather-moon;
-moz-animation-name: am-weather-moon;
-ms-animation-name: am-weather-moon;
animation-name: am-weather-moon;
-webkit-animation-duration: 6s;
-moz-animation-duration: 6s;
-ms-animation-duration: 6s;
animation-duration: 6s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
}
@keyframes am-weather-moon-star-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.am-weather-moon-star-1 {
-webkit-animation-name: am-weather-moon-star-1;
-moz-animation-name: am-weather-moon-star-1;
-ms-animation-name: am-weather-moon-star-1;
animation-name: am-weather-moon-star-1;
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
-ms-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-duration: 5s;
-moz-animation-duration: 5s;
-ms-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@keyframes am-weather-moon-star-2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.am-weather-moon-star-2 {
-webkit-animation-name: am-weather-moon-star-2;
-moz-animation-name: am-weather-moon-star-2;
-ms-animation-name: am-weather-moon-star-2;
animation-name: am-weather-moon-star-2;
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
animation-delay: 5s;
-webkit-animation-duration: 4s;
-moz-animation-duration: 4s;
-ms-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
animation-iteration-count: 1;
}
]]></style>
</defs>
<g filter="url(#blur)" id="Fair-Night">
<g transform="translate(20,10)">
<g name="moon">
<g class="am-weather-moon-star-1">
<polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
</g>
<g class="am-weather-moon-star-2">
<polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
</g>
<g class="am-weather-moon">
<path d="M14.5,13.2c0-3.7,2-6.9,5-8.7 c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
</g>
</g>
<g class="am-weather-cloud-1">
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-8), scale(0.4)"/>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 7.7 KiB

@@ -1,18 +0,0 @@
<?xml version="1.0"?>
<svg width="800" height="800" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<style>
<![CDATA[#e4vknhyk86994_to {animation: e4vknhyk86994_to__to 8000ms linear infinite normal forwards}@keyframes e4vknhyk86994_to__to { 0% {transform: translate(0px,0px)} 8.750000% {transform: translate(32px,0px)} 18.750000% {transform: translate(0px,0px)} 28.750000% {transform: translate(-32px,0px)} 37.500000% {transform: translate(0px,0px)} 46.250000% {transform: translate(32px,0px)} 56.250000% {transform: translate(0px,0px)} 66.250000% {transform: translate(-32px,0px)} 75% {transform: translate(0px,0px)} 100% {transform: translate(0px,0px)} }#e4vknhyk86995_to {animation: e4vknhyk86995_to__to 8000ms linear infinite normal forwards}@keyframes e4vknhyk86995_to__to { 0% {transform: translate(0px,-1.013862px)} 18.750000% {transform: translate(32px,-1.013862px)} 37.500000% {transform: translate(0px,-1.013862px)} 56.250000% {transform: translate(-32px,-1.013862px)} 75% {transform: translate(0px,-1.013862px)} 100% {transform: translate(0px,-1.013862px)} }]]>
</style>
<g class="layer">
<title>Layer 1</title>
<path d="m560,368c-1.024,0 -2.048,0 -3.136,0.032c-14.912,-74.016 -79.776,-128.032 -156.864,-128.032c-64.032,0 -121.504,38.112 -146.688,96.032c-60.512,1.44 -109.312,51.104 -109.312,111.968c0,61.76 50.24,112 112,112l304,0c52.928,0 96,-43.072 96,-96c0,-52.928 -43.072,-96 -96,-96z" fill="#57A0EE" id="e4vknhyk86992"/>
<g id="e4vknhyk86993">
<g id="e4vknhyk86994_to" transform="translate(0 0)">
<path d="m625.842972,591.506927l-416,0c-8.832,0 -16,7.168 -16,16c0,8.832 7.168,16 16,16l416,0c8.832,0 16,-7.168 16,-16c0,-8.832 -7.168,-16 -16,-16z" fill="rgb(96,125,139)" id="e4vknhyk86994"/>
</g>
<g id="e4vknhyk86995_to" transform="translate(0 -1.01386)">
<path d="m625.842972,655.506927l-416,0c-8.832,0 -16,7.168 -16,16c0,8.832 7.168,16 16,16l416,0c8.832,0 16,-7.168 16,-16c0,-8.832 -7.168,-16 -16,-16z" fill="rgb(96,125,139)" id="e4vknhyk86995"/>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2.0 KiB

@@ -1,18 +0,0 @@
<?xml version="1.0"?>
<svg width="800" height="800" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<style>
<![CDATA[#e4vknhyk86994_to {animation: e4vknhyk86994_to__to 8000ms linear infinite normal forwards}@keyframes e4vknhyk86994_to__to { 0% {transform: translate(0px,0px)} 8.750000% {transform: translate(32px,0px)} 18.750000% {transform: translate(0px,0px)} 28.750000% {transform: translate(-32px,0px)} 37.500000% {transform: translate(0px,0px)} 46.250000% {transform: translate(32px,0px)} 56.250000% {transform: translate(0px,0px)} 66.250000% {transform: translate(-32px,0px)} 75% {transform: translate(0px,0px)} 100% {transform: translate(0px,0px)} }#e4vknhyk86995_to {animation: e4vknhyk86995_to__to 8000ms linear infinite normal forwards}@keyframes e4vknhyk86995_to__to { 0% {transform: translate(0px,-1.013862px)} 18.750000% {transform: translate(32px,-1.013862px)} 37.500000% {transform: translate(0px,-1.013862px)} 56.250000% {transform: translate(-32px,-1.013862px)} 75% {transform: translate(0px,-1.013862px)} 100% {transform: translate(0px,-1.013862px)} }]]>
</style>
<g class="layer">
<title>Layer 1</title>
<path d="m560,368c-1.024,0 -2.048,0 -3.136,0.032c-14.912,-74.016 -79.776,-128.032 -156.864,-128.032c-64.032,0 -121.504,38.112 -146.688,96.032c-60.512,1.44 -109.312,51.104 -109.312,111.968c0,61.76 50.24,112 112,112l304,0c52.928,0 96,-43.072 96,-96c0,-52.928 -43.072,-96 -96,-96z" fill="#57A0EE" id="e4vknhyk86992"/>
<g id="e4vknhyk86993">
<g id="e4vknhyk86994_to" transform="translate(0 0)">
<path d="m624.842972,591.506927l-416,0c-8.832,0 -16,7.168 -16,16c0,8.832 7.168,16 16,16l416,0c8.832,0 16,-7.168 16,-16c0,-8.832 -7.168,-16 -16,-16z" fill="#7f7f00" id="e4vknhyk86994"/>
</g>
<g id="e4vknhyk86995_to" transform="translate(0 -1.01386)">
<path d="m624.842972,655.506927l-416,0c-8.832,0 -16,7.168 -16,16c0,8.832 7.168,16 16,16l416,0c8.832,0 16,-7.168 16,-16c0,-8.832 -7.168,-16 -16,-16z" fill="#7f7f00" id="e4vknhyk86995"/>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2.0 KiB

@@ -1,88 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<!-- Tropical Storm | Contributed by hsoJ95 on GitHub: https://github.com/hsoj95 -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3" />
<feOffset dx="0" dy="4" result="offsetblur" />
<feComponentTransfer>
<feFuncA type="linear" slope="0.05" />
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
<style>
<![CDATA[ @keyframes storm {
0% {
transform: rotate(0turn);
}
100% {
transform: rotate(-1turn);
}
}
#storm {
-webkit-animation-name: storm;
-moz-animation-name: storm;
animation-name: storm;
-webkit-animation-duration: 5s;
-moz-animation-duration: 5s;
animation-duration: 5s;
transform-origin: 50% 50%;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes error {
0% {
fill: #cc0000;
}
50% {
fill: #ff0000;
}
100% {
fill: #cc0000;
}
}
#Shape {
-webkit-animation-name: error;
-moz-animation-name: error;
animation-name: error;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
]]>
</style>
</defs>
<g id="storm" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(15, 20)" fill-rule="nonzero" fill="#CC0000">
<path d="M18.4780225,0.0917014924 C18.5230562,0.0890149253 18.9252135,0.0890149253 19.371146,0.090358209 C20.1829213,0.0942985076 20.4027865,0.103522388 20.9947865,0.156358209 C21.7104719,0.221104477 22.4936629,0.338686567 23.1981124,0.487880599 C23.521618,0.556567163 23.96,0.659552239 23.9699775,0.670119401 C23.9724944,0.671462685 23.8625618,0.678089554 23.7276404,0.683373135 C22.0902471,0.74283582 20.5264719,1.15746269 19.4085394,1.82713433 C18.5180225,2.35934328 17.8523147,3.0699403 17.457618,3.90734329 C17.2739775,4.29429852 17.2053034,4.58220897 17.2203146,4.8965373 C17.2402696,5.34555225 17.4139326,5.73385076 17.9409439,6.50919401 C18.2482696,6.96089554 18.4655281,7.30029852 18.6179775,7.56573135 C19.2237303,8.62101492 19.5334832,9.67101494 19.6296629,10.9997015 C19.6521348,11.3140299 19.6483596,12.1659403 19.6221124,12.5053433 C19.536,13.6465075 19.373573,14.5076418 19.0838652,15.3713731 C18.3082247,17.6853134 16.7057078,19.6954925 14.4249888,21.2156418 C13.1310562,22.0794627 11.5847191,22.7846866 9.95352806,23.2549254 C8.64458426,23.6326567 7.36305619,23.8492836 5.83802246,23.9522686 C5.4895281,23.976 3.97698877,23.976 3.62732584,23.9522686 C2.73546067,23.892806 2.07101124,23.8122985 1.2915955,23.6709851 C0.760808988,23.5758805 -0.0123146068,23.4001791 0.000179775281,23.3790447 C0.00386516854,23.3737612 0.0987865171,23.3684776 0.212494381,23.3684776 C0.768269662,23.3684776 1.66885393,23.2549254 2.31460674,23.1030447 C3.76719101,22.7622985 4.87505618,22.190418 5.6719101,21.3702089 C6.02912359,21.0017015 6.295191,20.6266567 6.50624719,20.1920597 C6.6799101,19.8328657 6.74858426,19.5925075 6.75856181,19.3058508 C6.77851684,18.7709553 6.62993258,18.4182985 5.97914606,17.4581195 C5.75182023,17.121403 5.50705617,16.7409851 5.3971236,16.5521195 C4.78139325,15.4968358 4.45788765,14.4283881 4.3579326,13.1261195 C4.34049439,12.8949851 4.33051684,12.2781492 4.34049439,11.9995523 C4.40044942,10.2878508 4.72638203,8.87462685 5.37591012,7.51289554 C6.28017979,5.61770148 7.82022472,3.9416418 9.82489882,2.67107462 C11.9145168,1.34641791 14.4874607,0.477313432 17.1790562,0.189402985 C17.6025168,0.144537314 17.8610337,0.124656716 18.4780225,0.0917014924 Z"
id=""></path>
</g>
</g>
<g id="error" transform="translate(40, 30)">
<path d="M7.77911118,2.90598694 L1.78786622,13.0231308 L1.78786622,13.0231308 C1.2250391,13.9735514 1.53924574,15.2002811 2.48966639,15.7631082 C2.79820001,15.9458179 3.15018031,16.0422194 3.50875504,16.0422194 L15.491245,16.0422194 L15.491245,16.0422194 C16.5958145,16.0422194 17.491245,15.1467889 17.491245,14.0422194 C17.491245,13.6836447 17.3948435,13.3316644 17.2121338,13.0231308 L11.2208888,2.90598694 L11.2208888,2.90598694 C10.6580617,1.95556629 9.431332,1.64135966 8.48091135,2.20418678 C8.19172737,2.37543789 7.95036229,2.61680296 7.77911118,2.90598694 Z"
id="Shape" fill="#CC0000" fill-rule="nonzero"></path>
<path d="M9.5,10.5 L9.5,5.5" id="Line" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round"></path>
<circle id="Oval" fill="#FFFFFF" cx="9.5" cy="13" r="1"></circle>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 5.8 KiB

@@ -1,369 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- (c) ammap.com | SVG weather icons -->
<!-- Isolated Thunderstorms | Contributed by hsoJ95 on GitHub: https://github.com/hsoj95 -->
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="64"
height="64"
viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.05"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style type="text/css"><![CDATA[
/*
** CLOUDS
*/
@keyframes am-weather-cloud-1 {
0% {
-webkit-transform: translate(-5px,0px);
-moz-transform: translate(-5px,0px);
-ms-transform: translate(-5px,0px);
transform: translate(-5px,0px);
}
50% {
-webkit-transform: translate(10px,0px);
-moz-transform: translate(10px,0px);
-ms-transform: translate(10px,0px);
transform: translate(10px,0px);
}
100% {
-webkit-transform: translate(-5px,0px);
-moz-transform: translate(-5px,0px);
-ms-transform: translate(-5px,0px);
transform: translate(-5px,0px);
}
}
.am-weather-cloud-1 {
-webkit-animation-name: am-weather-cloud-1;
-moz-animation-name: am-weather-cloud-1;
animation-name: am-weather-cloud-1;
-webkit-animation-duration: 7s;
-moz-animation-duration: 7s;
animation-duration: 7s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes am-weather-cloud-2 {
0% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
50% {
-webkit-transform: translate(2px,0px);
-moz-transform: translate(2px,0px);
-ms-transform: translate(2px,0px);
transform: translate(2px,0px);
}
100% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
}
.am-weather-cloud-2 {
-webkit-animation-name: am-weather-cloud-2;
-moz-animation-name: am-weather-cloud-2;
animation-name: am-weather-cloud-2;
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** SUN
*/
@keyframes am-weather-sun {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.am-weather-sun {
-webkit-animation-name: am-weather-sun;
-moz-animation-name: am-weather-sun;
-ms-animation-name: am-weather-sun;
animation-name: am-weather-sun;
-webkit-animation-duration: 9s;
-moz-animation-duration: 9s;
-ms-animation-duration: 9s;
animation-duration: 9s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes am-weather-sun-shiny {
0% {
stroke-dasharray: 3px 10px;
stroke-dashoffset: 0px;
}
50% {
stroke-dasharray: 0.1px 10px;
stroke-dashoffset: -1px;
}
100% {
stroke-dasharray: 3px 10px;
stroke-dashoffset: 0px;
}
}
.am-weather-sun-shiny line {
-webkit-animation-name: am-weather-sun-shiny;
-moz-animation-name: am-weather-sun-shiny;
-ms-animation-name: am-weather-sun-shiny;
animation-name: am-weather-sun-shiny;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** STROKE
*/
@keyframes am-weather-stroke {
0% {
-webkit-transform: translate(0.0px,0.0px);
-moz-transform: translate(0.0px,0.0px);
-ms-transform: translate(0.0px,0.0px);
transform: translate(0.0px,0.0px);
}
2% {
-webkit-transform: translate(0.3px,0.0px);
-moz-transform: translate(0.3px,0.0px);
-ms-transform: translate(0.3px,0.0px);
transform: translate(0.3px,0.0px);
}
4% {
-webkit-transform: translate(0.0px,0.0px);
-moz-transform: translate(0.0px,0.0px);
-ms-transform: translate(0.0px,0.0px);
transform: translate(0.0px,0.0px);
}
6% {
-webkit-transform: translate(0.5px,0.4px);
-moz-transform: translate(0.5px,0.4px);
-ms-transform: translate(0.5px,0.4px);
transform: translate(0.5px,0.4px);
}
8% {
-webkit-transform: translate(0.0px,0.0px);
-moz-transform: translate(0.0px,0.0px);
-ms-transform: translate(0.0px,0.0px);
transform: translate(0.0px,0.0px);
}
10% {
-webkit-transform: translate(0.3px,0.0px);
-moz-transform: translate(0.3px,0.0px);
-ms-transform: translate(0.3px,0.0px);
transform: translate(0.3px,0.0px);
}
12% {
-webkit-transform: translate(0.0px,0.0px);
-moz-transform: translate(0.0px,0.0px);
-ms-transform: translate(0.0px,0.0px);
transform: translate(0.0px,0.0px);
}
14% {
-webkit-transform: translate(0.3px,0.0px);
-moz-transform: translate(0.3px,0.0px);
-ms-transform: translate(0.3px,0.0px);
transform: translate(0.3px,0.0px);
}
16% {
-webkit-transform: translate(0.0px,0.0px);
-moz-transform: translate(0.0px,0.0px);
-ms-transform: translate(0.0px,0.0px);
transform: translate(0.0px,0.0px);
}
18% {
-webkit-transform: translate(0.3px,0.0px);
-moz-transform: translate(0.3px,0.0px);
-ms-transform: translate(0.3px,0.0px);
transform: translate(0.3px,0.0px);
}
20% {
-webkit-transform: translate(0.0px,0.0px);
-moz-transform: translate(0.0px,0.0px);
-ms-transform: translate(0.0px,0.0px);
transform: translate(0.0px,0.0px);
}
22% {
-webkit-transform: translate(1px,0.0px);
-moz-transform: translate(1px,0.0px);
-ms-transform: translate(1px,0.0px);
transform: translate(1px,0.0px);
}
24% {
-webkit-transform: translate(0.0px,0.0px);
-moz-transform: translate(0.0px,0.0px);
-ms-transform: translate(0.0px,0.0px);
transform: translate(0.0px,0.0px);
}
26% {
-webkit-transform: translate(-1px,0.0px);
-moz-transform: translate(-1px,0.0px);
-ms-transform: translate(-1px,0.0px);
transform: translate(-1px,0.0px);
}
28% {
-webkit-transform: translate(0.0px,0.0px);
-moz-transform: translate(0.0px,0.0px);
-ms-transform: translate(0.0px,0.0px);
transform: translate(0.0px,0.0px);
}
40% {
fill: orange;
-webkit-transform: translate(0.0px,0.0px);
-moz-transform: translate(0.0px,0.0px);
-ms-transform: translate(0.0px,0.0px);
transform: translate(0.0px,0.0px);
}
65% {
fill: white;
-webkit-transform: translate(-1px,5.0px);
-moz-transform: translate(-1px,5.0px);
-ms-transform: translate(-1px,5.0px);
transform: translate(-1px,5.0px);
}
61% {
fill: orange;
}
100% {
-webkit-transform: translate(0.0px,0.0px);
-moz-transform: translate(0.0px,0.0px);
-ms-transform: translate(0.0px,0.0px);
transform: translate(0.0px,0.0px);
}
}
.am-weather-stroke {
-webkit-animation-name: am-weather-stroke;
-moz-animation-name: am-weather-stroke;
animation-name: am-weather-stroke;
-webkit-animation-duration: 1.11s;
-moz-animation-duration: 1.11s;
animation-duration: 1.11s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
]]></style>
</defs>
<g filter="url(#blur)" id="thunder">
<g transform="translate(20,10)">
<g transform="translate(0,16)">
<g class="am-weather-sun">
<g>
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(45)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(90)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(135)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(180)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(225)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(270)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(315)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
</g>
<circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
</g>
<g id="clouds">
<path d="M47.7,35.4 c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)" />
</g>
<g transform="translate(-9,28), scale(1.2)">
<polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 12 KiB

@@ -1,503 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- (c) ammap.com | SVG weather icons -->
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="64"
height="64"
viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.05"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style type="text/css"><![CDATA[
/*
** CLOUDS
*/
@keyframes am-weather-cloud-1 {
0% {
-webkit-transform: translate(-5px,0px);
-moz-transform: translate(-5px,0px);
-ms-transform: translate(-5px,0px);
transform: translate(-5px,0px);
}
50% {
-webkit-transform: translate(10px,0px);
-moz-transform: translate(10px,0px);
-ms-transform: translate(10px,0px);
transform: translate(10px,0px);
}
100% {
-webkit-transform: translate(-5px,0px);
-moz-transform: translate(-5px,0px);
-ms-transform: translate(-5px,0px);
transform: translate(-5px,0px);
}
}
.am-weather-cloud-1 {
-webkit-animation-name: am-weather-cloud-1;
-moz-animation-name: am-weather-cloud-1;
animation-name: am-weather-cloud-1;
-webkit-animation-duration: 7s;
-moz-animation-duration: 7s;
animation-duration: 7s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes am-weather-cloud-2 {
0% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
50% {
-webkit-transform: translate(2px,0px);
-moz-transform: translate(2px,0px);
-ms-transform: translate(2px,0px);
transform: translate(2px,0px);
}
100% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
}
.am-weather-cloud-2 {
-webkit-animation-name: am-weather-cloud-2;
-moz-animation-name: am-weather-cloud-2;
animation-name: am-weather-cloud-2;
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** SUN
*/
@keyframes am-weather-sun {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.am-weather-sun {
-webkit-animation-name: am-weather-sun;
-moz-animation-name: am-weather-sun;
-ms-animation-name: am-weather-sun;
animation-name: am-weather-sun;
-webkit-animation-duration: 9s;
-moz-animation-duration: 9s;
-ms-animation-duration: 9s;
animation-duration: 9s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes am-weather-sun-shiny {
0% {
stroke-dasharray: 3px 10px;
stroke-dashoffset: 0px;
}
50% {
stroke-dasharray: 0.1px 10px;
stroke-dashoffset: -1px;
}
100% {
stroke-dasharray: 3px 10px;
stroke-dashoffset: 0px;
}
}
.am-weather-sun-shiny line {
-webkit-animation-name: am-weather-sun-shiny;
-moz-animation-name: am-weather-sun-shiny;
-ms-animation-name: am-weather-sun-shiny;
animation-name: am-weather-sun-shiny;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** MOON
*/
@keyframes am-weather-moon {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.am-weather-moon {
-webkit-animation-name: am-weather-moon;
-moz-animation-name: am-weather-moon;
-ms-animation-name: am-weather-moon;
animation-name: am-weather-moon;
-webkit-animation-duration: 6s;
-moz-animation-duration: 6s;
-ms-animation-duration: 6s;
animation-duration: 6s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
}
@keyframes am-weather-moon-star-1 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.am-weather-moon-star-1 {
-webkit-animation-name: am-weather-moon-star-1;
-moz-animation-name: am-weather-moon-star-1;
-ms-animation-name: am-weather-moon-star-1;
animation-name: am-weather-moon-star-1;
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
-ms-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-duration: 5s;
-moz-animation-duration: 5s;
-ms-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@keyframes am-weather-moon-star-2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.am-weather-moon-star-2 {
-webkit-animation-name: am-weather-moon-star-2;
-moz-animation-name: am-weather-moon-star-2;
-ms-animation-name: am-weather-moon-star-2;
animation-name: am-weather-moon-star-2;
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
animation-delay: 5s;
-webkit-animation-duration: 4s;
-moz-animation-duration: 4s;
-ms-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
animation-iteration-count: 1;
}
/*
** RAIN
*/
@keyframes am-weather-rain {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: -100;
}
}
.am-weather-rain-1 {
-webkit-animation-name: am-weather-rain;
-moz-animation-name: am-weather-rain;
-ms-animation-name: am-weather-rain;
animation-name: am-weather-rain;
-webkit-animation-duration: 8s;
-moz-animation-duration: 8s;
-ms-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.am-weather-rain-2 {
-webkit-animation-name: am-weather-rain;
-moz-animation-name: am-weather-rain;
-ms-animation-name: am-weather-rain;
animation-name: am-weather-rain;
-webkit-animation-delay: 0.25s;
-moz-animation-delay: 0.25s;
-ms-animation-delay: 0.25s;
animation-delay: 0.25s;
-webkit-animation-duration: 8s;
-moz-animation-duration: 8s;
-ms-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** SNOW
*/
@keyframes am-weather-snow {
0% {
-webkit-transform: translateX(0) translateY(0);
-moz-transform: translateX(0) translateY(0);
-ms-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0);
}
33.33% {
-webkit-transform: translateX(-1.2px) translateY(2px);
-moz-transform: translateX(-1.2px) translateY(2px);
-ms-transform: translateX(-1.2px) translateY(2px);
transform: translateX(-1.2px) translateY(2px);
}
66.66% {
-webkit-transform: translateX(1.4px) translateY(4px);
-moz-transform: translateX(1.4px) translateY(4px);
-ms-transform: translateX(1.4px) translateY(4px);
transform: translateX(1.4px) translateY(4px);
opacity: 1;
}
100% {
-webkit-transform: translateX(-1.6px) translateY(6px);
-moz-transform: translateX(-1.6px) translateY(6px);
-ms-transform: translateX(-1.6px) translateY(6px);
transform: translateX(-1.6px) translateY(6px);
opacity: 0;
}
}
@keyframes am-weather-snow-reverse {
0% {
-webkit-transform: translateX(0) translateY(0);
-moz-transform: translateX(0) translateY(0);
-ms-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0);
}
33.33% {
-webkit-transform: translateX(1.2px) translateY(2px);
-moz-transform: translateX(1.2px) translateY(2px);
-ms-transform: translateX(1.2px) translateY(2px);
transform: translateX(1.2px) translateY(2px);
}
66.66% {
-webkit-transform: translateX(-1.4px) translateY(4px);
-moz-transform: translateX(-1.4px) translateY(4px);
-ms-transform: translateX(-1.4px) translateY(4px);
transform: translateX(-1.4px) translateY(4px);
opacity: 1;
}
100% {
-webkit-transform: translateX(1.6px) translateY(6px);
-moz-transform: translateX(1.6px) translateY(6px);
-ms-transform: translateX(1.6px) translateY(6px);
transform: translateX(1.6px) translateY(6px);
opacity: 0;
}
}
.am-weather-snow-1 {
-webkit-animation-name: am-weather-snow;
-moz-animation-name: am-weather-snow;
-ms-animation-name: am-weather-snow;
animation-name: am-weather-snow;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.am-weather-snow-2 {
-webkit-animation-name: am-weather-snow;
-moz-animation-name: am-weather-snow;
-ms-animation-name: am-weather-snow;
animation-name: am-weather-snow;
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
-ms-animation-delay: 1.2s;
animation-delay: 1.2s;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.am-weather-snow-3 {
-webkit-animation-name: am-weather-snow-reverse;
-moz-animation-name: am-weather-snow-reverse;
-ms-animation-name: am-weather-snow-reverse;
animation-name: am-weather-snow-reverse;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** EASING
*/
.am-weather-easing-ease-in-out {
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
]]></style>
</defs>
<g filter="url(#blur)" id="night">
<g transform="translate(20,20)">
<g class="am-weather-moon-star-1">
<polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
</g>
<g class="am-weather-moon-star-2">
<polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
</g>
<g class="am-weather-moon">
<path d="M14.5,13.2c0-3.7,2-6.9,5-8.7 c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 15 KiB

@@ -1,13 +0,0 @@
<?xml version="1.0"?>
<svg width="800" height="800" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<style>
<![CDATA[#egei1vwea3mi3_to {animation: egei1vwea3mi3_to__to 9000ms linear infinite normal forwards}@keyframes egei1vwea3mi3_to__to { 0% {transform: translate(51.200000px,0px)} 11.111111% {transform: translate(85.333333px,-1.013862px)} 16.666667% {transform: translate(102.400000px,0px)} 33.333333% {transform: translate(51.200000px,0px)} 50% {transform: translate(51.200000px,0px)} 66.666667% {transform: translate(-0px,0px)} 83.333333% {transform: translate(51.200000px,0px)} 100% {transform: translate(51.200000px,0px)} }]]>
</style>
<g class="layer">
<title>Layer 1</title>
<circle cx="144" cy="144" fill="orange" id="egei1vwea3mi2" r="96" transform="matrix(1 0 0 1 416 176)"/>
<g id="egei1vwea3mi3_to">
<path d="m525.491206,336.025603c-11.9552,-59.212801 -63.820801,-102.425602 -125.491202,-102.425602c-51.225601,0 -97.203201,30.4896 -117.350402,76.825601c-48.409601,1.152 -87.449601,40.883201 -87.449601,89.574401c0,49.408001 40.192001,89.600001 89.600001,89.600001l243.200004,0c42.342401,0 76.800001,-34.457601 76.800001,-76.800001c0,-43.187201 -36.428801,-77.875201 -79.308801,-76.774401z" fill="#57A0EE" id="egei1vwea3mi3"/>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.3 KiB

@@ -1,13 +0,0 @@
<?xml version="1.0"?>
<svg width="800" height="800" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<style>
<![CDATA[#edp377gkbz0n3_to {animation: edp377gkbz0n3_to__to 9000ms linear infinite normal forwards}@keyframes edp377gkbz0n3_to__to { 0% {transform: translate(51.201500px,0px)} 16.666667% {transform: translate(102.403000px,0px)} 33.333333% {transform: translate(51.201500px,0px)} 50% {transform: translate(51.201500px,0px)} 66.666667% {transform: translate(0px,0px)} 83.333333% {transform: translate(51.201500px,0px)} 100% {transform: translate(51.201500px,0px)} }]]>
</style>
<g class="layer">
<title>Layer 1</title>
<path d="m648.576,314.054c-5.056,-3.264 -11.52,-3.36 -16.672,-0.32c-6.816,4 -15.008,6.112 -23.584,6.112c-26.464,0 -48,-21.536 -48,-48c0,-8.608 2.112,-16.768 6.112,-23.584c3.04,-5.184 2.912,-11.616 -0.32,-16.704c-3.264,-5.056 -9.152,-7.904 -15.008,-7.328c-49.472,4.672 -86.784,45.792 -86.784,95.616c0,52.928 43.072,96 96,96c49.824,0 90.944,-37.312 95.616,-86.816c0.544,-5.952 -2.272,-11.776 -7.36,-14.976z" fill="rgb(176,190,197)" id="edp377gkbz0n2"/>
<g id="edp377gkbz0n3_to">
<path d="m525.492705,335.902403c-11.9552,-59.212801 -63.820801,-102.425602 -125.491202,-102.425602c-51.225601,0 -97.203201,30.4896 -117.350402,76.825601c-48.409601,1.152 -87.449601,40.883201 -87.449601,89.574401c0,49.408001 40.192001,89.600001 89.600001,89.600001l243.200004,0c42.342401,0 76.800001,-34.457601 76.800001,-76.800001c0,-43.187201 -36.428801,-77.875201 -79.308801,-76.774401z" fill="#57A0EE" id="edp377gkbz0n3"/>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.6 KiB

@@ -1,97 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- (c) ammap.com | SVG weather icons -->
<!-- Mix of Rain and Sleet | Contributed by hsoJ95 on GitHub: https://github.com/hsoj95 -->
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="64"
height="64"
viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.05"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style type="text/css"><![CDATA[
/*
** RAIN
*/
@keyframes am-weather-rain {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: -100;
}
}
.am-weather-rain-1 {
-webkit-animation-name: am-weather-rain;
-moz-animation-name: am-weather-rain;
-ms-animation-name: am-weather-rain;
animation-name: am-weather-rain;
-webkit-animation-duration: 8s;
-moz-animation-duration: 8s;
-ms-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.am-weather-rain-2 {
-webkit-animation-name: am-weather-rain;
-moz-animation-name: am-weather-rain;
-ms-animation-name: am-weather-rain;
animation-name: am-weather-rain;
-webkit-animation-delay: 0.25s;
-moz-animation-delay: 0.25s;
-ms-animation-delay: 0.25s;
animation-delay: 0.25s;
-webkit-animation-duration: 8s;
-moz-animation-duration: 8s;
-ms-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
]]></style>
</defs>
<g filter="url(#blur)" id="rainy-7">
<g transform="translate(20,10)">
<g>
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
</g>
</g>
<g transform="translate(31,46), rotate(10)">
<line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(-5,1)" x1="0" x2="0" y1="0" y2="8" />
<line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,0)" x1="0" x2="0" y1="0" y2="8" />
<line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(5,0)" x1="0" x2="0" y1="0" y2="8" />
</g>
<g transform="translate(34,46), rotate(10)">
<line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-13,1)" x1="0" x2="0" y1="0" y2="8" />
<line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(7,-1)" x1="0" x2="0" y1="0" y2="8" />
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 4.0 KiB

@@ -1,153 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- (c) ammap.com | SVG weather icons -->
<!-- Mix of Rain and Snow | Contributed by hsoJ95 on GitHub: https://github.com/hsoj95 -->
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="64"
height="64"
viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.05"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style type="text/css"><![CDATA[
/*
** SNOW
*/
@keyframes am-weather-snow {
0% {
-webkit-transform: translate(0.0px,0);
-moz-transform: translate(0.0px,0);
-ms-transform: translate(0.0px,0);
transform: translate(0.0px,0);
}
33.33% {
-webkit-transform: translate(-1.2px,2px);
-moz-transform: translate(-1.2px,2px);
-ms-transform: translate(-1.2px,2px);
transform: translate(-1.2px,2px);
}
66.66% {
-webkit-transform: translate(1.4px,4px);
-moz-transform: translate(1.4px,4px);
-ms-transform: translate(1.4px,4px);
transform: translate(1.4px,4px);
opacity: 1;
}
100% {
-webkit-transform: translate(-1.6px,6px);
-moz-transform: translate(-1.6px,6px);
-ms-transform: translate(-1.6px,6px);
transform: translate(-1.6px,6px);
opacity: 0;
}
}
.am-weather-snow-1 {
-webkit-animation-name: am-weather-snow;
-moz-animation-name: am-weather-snow;
-ms-animation-name: am-weather-snow;
animation-name: am-weather-snow;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** RAIN
*/
@keyframes am-weather-rain {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: -100;
}
}
.am-weather-rain-1 {
-webkit-animation-name: am-weather-rain;
-moz-animation-name: am-weather-rain;
-ms-animation-name: am-weather-rain;
animation-name: am-weather-rain;
-webkit-animation-duration: 8s;
-moz-animation-duration: 8s;
-ms-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.am-weather-rain-2 {
-webkit-animation-name: am-weather-rain;
-moz-animation-name: am-weather-rain;
-ms-animation-name: am-weather-rain;
animation-name: am-weather-rain;
-webkit-animation-delay: 0.25s;
-moz-animation-delay: 0.25s;
-ms-animation-delay: 0.25s;
animation-delay: 0.25s;
-webkit-animation-duration: 8s;
-moz-animation-duration: 8s;
-ms-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
]]></style>
</defs>
<g filter="url(#blur)" id="snowy-4">
<g transform="translate(20,10)">
<g>
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
</g>
<g class="am-weather-snow-1">
<g transform="translate(11,28)">
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
</g>
</g>
<g transform="translate(14,36), rotate(10)">
<line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-10,1)" x1="0" x2="0" y1="0" y2="8" />
<line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(5,-1)" x1="0" x2="0" y1="0" y2="8" />
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 5.7 KiB

@@ -1,20 +0,0 @@
<?xml version="1.0"?>
<svg width="800" height="800" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<style>
<![CDATA[#efuvus6uo8qt3_to {animation: efuvus6uo8qt3_to__to 2500ms linear infinite normal forwards}@keyframes efuvus6uo8qt3_to__to { 0% {transform: translate(158px,-184px)} 60% {transform: translate(158px,-184px)} 80% {transform: translate(158px,-84px)} 100% {transform: translate(158px,16px)} }#efuvus6uo8qt5_to {animation: efuvus6uo8qt5_to__to 2500ms linear infinite normal forwards}@keyframes efuvus6uo8qt5_to__to { 0% {transform: translate(-158px,-184px)} 20% {transform: translate(-158px,-184px)} 40% {transform: translate(-158px,-84px)} 60% {transform: translate(-158px,16px)} 100% {transform: translate(-158px,16px)} }#efuvus6uo8qt5 {animation: efuvus6uo8qt5_f_o 2500ms linear infinite normal forwards}@keyframes efuvus6uo8qt5_f_o { 0% {fill-opacity: 1} 60% {fill-opacity: 1} 64% {fill-opacity: 0} 100% {fill-opacity: 0} }#efuvus6uo8qt6_to {animation: efuvus6uo8qt6_to__to 2500ms linear infinite normal forwards}@keyframes efuvus6uo8qt6_to__to { 0% {transform: translate(0px,-184px)} 40% {transform: translate(0px,16px)} 100% {transform: translate(0px,16px)} }#efuvus6uo8qt6 {animation: efuvus6uo8qt6_f_o 2500ms linear infinite normal forwards}@keyframes efuvus6uo8qt6_f_o { 0% {fill-opacity: 1} 40% {fill-opacity: 1} 44% {fill-opacity: 0} 100% {fill-opacity: 0} }]]>
</style>
<g class="layer">
<title>Layer 1</title>
<path d="m575,341c-1.024,0 -2.048,0 -3.136,0.032c-14.912,-74.016 -79.776,-128.032 -156.864,-128.032c-64.032,0 -121.504,38.112 -146.688,96.032c-60.512,1.44 -109.312,51.104 -109.312,111.968c0,61.76 50.24,112 112,112l304,0c52.928,0 96,-43.072 96,-96c0,-52.928 -43.072,-96 -96,-96z" fill="#57A0EE" id="efuvus6uo8qt2"/>
<g id="efuvus6uo8qt3_to" transform="translate(158,-184)">
<path d="m401.848,571.912c-10.496,15.136 -34.848,52.608 -34.848,73.088c0,26.464 21.536,48 48,48c26.464,0 48,-21.536 48,-48c0,-20.48 -24.352,-57.952 -34.848,-73.088c-5.952,-8.64 -20.352,-8.64 -26.304,0z" fill="#57A0EE" id="efuvus6uo8qt3"/>
</g>
<g id="efuvus6uo8qt4"/>
<g id="efuvus6uo8qt5_to" transform="translate(-158,-184)">
<path d="m401.848,571.912c-10.496,15.136 -34.848,52.608 -34.848,73.088c0,26.464 21.536,48 48,48c26.464,0 48,-21.536 48,-48c0,-20.48 -24.352,-57.952 -34.848,-73.088c-5.952,-8.64 -20.352,-8.64 -26.304,0z" fill="#57A0EE" id="efuvus6uo8qt5"/>
</g>
<g id="efuvus6uo8qt6_to">
<path d="m401.848,387.912c-10.496,15.136 -34.848,52.608 -34.848,73.088c0,26.464 21.536,48 48,48c26.464,0 48,-21.536 48,-48c0,-20.48 -24.352,-57.952 -34.848,-73.088c-5.952,-8.64 -20.352,-8.64 -26.304,0z" fill="#57A0EE" id="efuvus6uo8qt6"/>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2.7 KiB

@@ -1,157 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- (c) ammap.com | SVG weather icons -->
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="64"
height="64"
viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.05"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style type="text/css"><![CDATA[
/*
** SUN
*/
@keyframes am-weather-sun {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.am-weather-sun {
-webkit-animation-name: am-weather-sun;
-moz-animation-name: am-weather-sun;
-ms-animation-name: am-weather-sun;
animation-name: am-weather-sun;
-webkit-animation-duration: 9s;
-moz-animation-duration: 9s;
-ms-animation-duration: 9s;
animation-duration: 9s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** RAIN
*/
@keyframes am-weather-rain {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: -100;
}
}
.am-weather-rain-1 {
-webkit-animation-name: am-weather-rain;
-moz-animation-name: am-weather-rain;
-ms-animation-name: am-weather-rain;
animation-name: am-weather-rain;
-webkit-animation-duration: 8s;
-moz-animation-duration: 8s;
-ms-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.am-weather-rain-2 {
-webkit-animation-name: am-weather-rain;
-moz-animation-name: am-weather-rain;
-ms-animation-name: am-weather-rain;
animation-name: am-weather-rain;
-webkit-animation-delay: 0.25s;
-moz-animation-delay: 0.25s;
-ms-animation-delay: 0.25s;
animation-delay: 0.25s;
-webkit-animation-duration: 8s;
-moz-animation-duration: 8s;
-ms-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
]]></style>
</defs>
<g filter="url(#blur)" id="rainy-1">
<g transform="translate(20,10)">
<g transform="translate(0,16), scale(1.2)">
<g class="am-weather-sun">
<g>
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(45)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(90)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(135)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(180)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(225)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(270)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(315)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
</g>
<circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
</g>
<g>
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.5" transform="translate(-15,-5), scale(0.85)"/>
</g>
</g>
<g transform="translate(34,46), rotate(10)">
<line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
<line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 6.4 KiB

@@ -1,133 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- (c) ammap.com | SVG weather icons -->
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="64"
height="64"
viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.05"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style type="text/css"><![CDATA[
/*
** SUN
*/
@keyframes am-weather-sun {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.am-weather-sun {
-webkit-animation-name: am-weather-sun;
-moz-animation-name: am-weather-sun;
-ms-animation-name: am-weather-sun;
animation-name: am-weather-sun;
-webkit-animation-duration: 9s;
-moz-animation-duration: 9s;
-ms-animation-duration: 9s;
animation-duration: 9s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** RAIN
*/
@keyframes am-weather-rain {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: -100;
}
}
.am-weather-rain-1 {
-webkit-animation-name: am-weather-rain;
-moz-animation-name: am-weather-rain;
-ms-animation-name: am-weather-rain;
animation-name: am-weather-rain;
-webkit-animation-duration: 8s;
-moz-animation-duration: 8s;
-ms-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
]]></style>
</defs>
<g filter="url(#blur)" id="rainy-2">
<g transform="translate(20,10)">
<g transform="translate(0,16)">
<g class="am-weather-sun">
<g>
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(45)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(90)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(135)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(180)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(225)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(270)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(315)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
</g>
<circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
</g>
<g>
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
</g>
</g>
<g transform="translate(37,45), rotate(10)">
<line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 5.3 KiB

@@ -1,157 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- (c) ammap.com | SVG weather icons -->
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="64"
height="64"
viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.05"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style type="text/css"><![CDATA[
/*
** SUN
*/
@keyframes am-weather-sun {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.am-weather-sun {
-webkit-animation-name: am-weather-sun;
-moz-animation-name: am-weather-sun;
-ms-animation-name: am-weather-sun;
animation-name: am-weather-sun;
-webkit-animation-duration: 9s;
-moz-animation-duration: 9s;
-ms-animation-duration: 9s;
animation-duration: 9s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** RAIN
*/
@keyframes am-weather-rain {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: -100;
}
}
.am-weather-rain-1 {
-webkit-animation-name: am-weather-rain;
-moz-animation-name: am-weather-rain;
-ms-animation-name: am-weather-rain;
animation-name: am-weather-rain;
-webkit-animation-duration: 8s;
-moz-animation-duration: 8s;
-ms-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.am-weather-rain-2 {
-webkit-animation-name: am-weather-rain;
-moz-animation-name: am-weather-rain;
-ms-animation-name: am-weather-rain;
animation-name: am-weather-rain;
-webkit-animation-delay: 0.25s;
-moz-animation-delay: 0.25s;
-ms-animation-delay: 0.25s;
animation-delay: 0.25s;
-webkit-animation-duration: 8s;
-moz-animation-duration: 8s;
-ms-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
]]></style>
</defs>
<g filter="url(#blur)" id="rainy-3">
<g transform="translate(20,10)">
<g transform="translate(0,16)">
<g class="am-weather-sun">
<g>
<line fifll="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(45)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(90)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(135)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(180)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(225)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(270)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(315)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
</g>
<circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
</g>
<g>
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
</g>
</g>
<g transform="translate(34,46), rotate(10)">
<line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
<line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 6.3 KiB

@@ -1,66 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- (c) ammap.com | SVG weather icons -->
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="64"
height="64"
viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.05"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style type="text/css"><![CDATA[
/*
** RAIN
*/
@keyframes am-weather-rain {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: -100;
}
}
.am-weather-rain-1 {
-webkit-animation-name: am-weather-rain;
-moz-animation-name: am-weather-rain;
-ms-animation-name: am-weather-rain;
animation-name: am-weather-rain;
-webkit-animation-duration: 8s;
-moz-animation-duration: 8s;
-ms-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
]]></style>
</defs>
<g filter="url(#blur)" id="rainy-4">
<g transform="translate(20,10)">
<g>
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
</g>
</g>
<g transform="translate(37,45), rotate(10)">
<line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2.3 KiB

@@ -1,90 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- (c) ammap.com | SVG weather icons -->
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="64"
height="64"
viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.05"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style type="text/css"><![CDATA[
/*
** RAIN
*/
@keyframes am-weather-rain {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: -100;
}
}
.am-weather-rain-1 {
-webkit-animation-name: am-weather-rain;
-moz-animation-name: am-weather-rain;
-ms-animation-name: am-weather-rain;
animation-name: am-weather-rain;
-webkit-animation-duration: 8s;
-moz-animation-duration: 8s;
-ms-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.am-weather-rain-2 {
-webkit-animation-name: am-weather-rain;
-moz-animation-name: am-weather-rain;
-ms-animation-name: am-weather-rain;
animation-name: am-weather-rain;
-webkit-animation-delay: 0.25s;
-moz-animation-delay: 0.25s;
-ms-animation-delay: 0.25s;
animation-delay: 0.25s;
-webkit-animation-duration: 8s;
-moz-animation-duration: 8s;
-ms-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
]]></style>
</defs>
<g filter="url(#blur)" id="rainy-5">
<g transform="translate(20,10)">
<g>
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
</g>
</g>
<g transform="translate(34,46), rotate(10)">
<line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
<line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 3.3 KiB

@@ -1,91 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- (c) ammap.com | SVG weather icons -->
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="64"
height="64"
viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.05"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style type="text/css"><![CDATA[
/*
** RAIN
*/
@keyframes am-weather-rain {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: -100;
}
}
.am-weather-rain-1 {
-webkit-animation-name: am-weather-rain;
-moz-animation-name: am-weather-rain;
-ms-animation-name: am-weather-rain;
animation-name: am-weather-rain;
-webkit-animation-duration: 8s;
-moz-animation-duration: 8s;
-ms-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.am-weather-rain-2 {
-webkit-animation-name: am-weather-rain;
-moz-animation-name: am-weather-rain;
-ms-animation-name: am-weather-rain;
animation-name: am-weather-rain;
-webkit-animation-delay: 0.25s;
-moz-animation-delay: 0.25s;
-ms-animation-delay: 0.25s;
animation-delay: 0.25s;
-webkit-animation-duration: 8s;
-moz-animation-duration: 8s;
-ms-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
]]></style>
</defs>
<g filter="url(#blur)" id="rainy-6">
<g transform="translate(20,10)">
<g>
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
</g>
</g>
<g transform="translate(31,46), rotate(10)">
<line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-4,1)" x1="0" x2="0" y1="0" y2="8" />
<line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
<line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(4,0)" x1="0" x2="0" y1="0" y2="8" />
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 3.5 KiB

@@ -1,91 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- (c) ammap.com | SVG weather icons -->
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="64"
height="64"
viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.05"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style type="text/css"><![CDATA[
/*
** RAIN
*/
@keyframes am-weather-rain {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: -100;
}
}
.am-weather-rain-1 {
-webkit-animation-name: am-weather-rain;
-moz-animation-name: am-weather-rain;
-ms-animation-name: am-weather-rain;
animation-name: am-weather-rain;
-webkit-animation-duration: 8s;
-moz-animation-duration: 8s;
-ms-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.am-weather-rain-2 {
-webkit-animation-name: am-weather-rain;
-moz-animation-name: am-weather-rain;
-ms-animation-name: am-weather-rain;
animation-name: am-weather-rain;
-webkit-animation-delay: 0.25s;
-moz-animation-delay: 0.25s;
-ms-animation-delay: 0.25s;
animation-delay: 0.25s;
-webkit-animation-duration: 8s;
-moz-animation-duration: 8s;
-ms-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
]]></style>
</defs>
<g filter="url(#blur)" id="rainy-7">
<g transform="translate(20,10)">
<g>
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
</g>
</g>
<g transform="translate(31,46), rotate(10)">
<line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(-5,1)" x1="0" x2="0" y1="0" y2="8" />
<line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
<line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(5,0)" x1="0" x2="0" y1="0" y2="8" />
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 3.5 KiB

@@ -1,369 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- (c) ammap.com | SVG weather icons -->
<!-- Scattered Thunderstorms | Contributed by hsoJ95 on GitHub: https://github.com/hsoj95 -->
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="64"
height="64"
viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.05"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style type="text/css"><![CDATA[
/*
** CLOUDS
*/
@keyframes am-weather-cloud-1 {
0% {
-webkit-transform: translate(-5px,0px);
-moz-transform: translate(-5px,0px);
-ms-transform: translate(-5px,0px);
transform: translate(-5px,0px);
}
50% {
-webkit-transform: translate(10px,0px);
-moz-transform: translate(10px,0px);
-ms-transform: translate(10px,0px);
transform: translate(10px,0px);
}
100% {
-webkit-transform: translate(-5px,0px);
-moz-transform: translate(-5px,0px);
-ms-transform: translate(-5px,0px);
transform: translate(-5px,0px);
}
}
.am-weather-cloud-1 {
-webkit-animation-name: am-weather-cloud-1;
-moz-animation-name: am-weather-cloud-1;
animation-name: am-weather-cloud-1;
-webkit-animation-duration: 7s;
-moz-animation-duration: 7s;
animation-duration: 7s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes am-weather-cloud-2 {
0% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
50% {
-webkit-transform: translate(2px,0px);
-moz-transform: translate(2px,0px);
-ms-transform: translate(2px,0px);
transform: translate(2px,0px);
}
100% {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
}
}
.am-weather-cloud-2 {
-webkit-animation-name: am-weather-cloud-2;
-moz-animation-name: am-weather-cloud-2;
animation-name: am-weather-cloud-2;
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** SUN
*/
@keyframes am-weather-sun {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.am-weather-sun {
-webkit-animation-name: am-weather-sun;
-moz-animation-name: am-weather-sun;
-ms-animation-name: am-weather-sun;
animation-name: am-weather-sun;
-webkit-animation-duration: 9s;
-moz-animation-duration: 9s;
-ms-animation-duration: 9s;
animation-duration: 9s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes am-weather-sun-shiny {
0% {
stroke-dasharray: 3px 10px;
stroke-dashoffset: 0px;
}
50% {
stroke-dasharray: 0.1px 10px;
stroke-dashoffset: -1px;
}
100% {
stroke-dasharray: 3px 10px;
stroke-dashoffset: 0px;
}
}
.am-weather-sun-shiny line {
-webkit-animation-name: am-weather-sun-shiny;
-moz-animation-name: am-weather-sun-shiny;
-ms-animation-name: am-weather-sun-shiny;
animation-name: am-weather-sun-shiny;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** STROKE
*/
@keyframes am-weather-stroke {
0% {
-webkit-transform: translate(0.0px,0.0px);
-moz-transform: translate(0.0px,0.0px);
-ms-transform: translate(0.0px,0.0px);
transform: translate(0.0px,0.0px);
}
2% {
-webkit-transform: translate(0.3px,0.0px);
-moz-transform: translate(0.3px,0.0px);
-ms-transform: translate(0.3px,0.0px);
transform: translate(0.3px,0.0px);
}
4% {
-webkit-transform: translate(0.0px,0.0px);
-moz-transform: translate(0.0px,0.0px);
-ms-transform: translate(0.0px,0.0px);
transform: translate(0.0px,0.0px);
}
6% {
-webkit-transform: translate(0.5px,0.4px);
-moz-transform: translate(0.5px,0.4px);
-ms-transform: translate(0.5px,0.4px);
transform: translate(0.5px,0.4px);
}
8% {
-webkit-transform: translate(0.0px,0.0px);
-moz-transform: translate(0.0px,0.0px);
-ms-transform: translate(0.0px,0.0px);
transform: translate(0.0px,0.0px);
}
10% {
-webkit-transform: translate(0.3px,0.0px);
-moz-transform: translate(0.3px,0.0px);
-ms-transform: translate(0.3px,0.0px);
transform: translate(0.3px,0.0px);
}
12% {
-webkit-transform: translate(0.0px,0.0px);
-moz-transform: translate(0.0px,0.0px);
-ms-transform: translate(0.0px,0.0px);
transform: translate(0.0px,0.0px);
}
14% {
-webkit-transform: translate(0.3px,0.0px);
-moz-transform: translate(0.3px,0.0px);
-ms-transform: translate(0.3px,0.0px);
transform: translate(0.3px,0.0px);
}
16% {
-webkit-transform: translate(0.0px,0.0px);
-moz-transform: translate(0.0px,0.0px);
-ms-transform: translate(0.0px,0.0px);
transform: translate(0.0px,0.0px);
}
18% {
-webkit-transform: translate(0.3px,0.0px);
-moz-transform: translate(0.3px,0.0px);
-ms-transform: translate(0.3px,0.0px);
transform: translate(0.3px,0.0px);
}
20% {
-webkit-transform: translate(0.0px,0.0px);
-moz-transform: translate(0.0px,0.0px);
-ms-transform: translate(0.0px,0.0px);
transform: translate(0.0px,0.0px);
}
22% {
-webkit-transform: translate(1px,0.0px);
-moz-transform: translate(1px,0.0px);
-ms-transform: translate(1px,0.0px);
transform: translate(1px,0.0px);
}
24% {
-webkit-transform: translate(0.0px,0.0px);
-moz-transform: translate(0.0px,0.0px);
-ms-transform: translate(0.0px,0.0px);
transform: translate(0.0px,0.0px);
}
26% {
-webkit-transform: translate(-1px,0.0px);
-moz-transform: translate(-1px,0.0px);
-ms-transform: translate(-1px,0.0px);
transform: translate(-1px,0.0px);
}
28% {
-webkit-transform: translate(0.0px,0.0px);
-moz-transform: translate(0.0px,0.0px);
-ms-transform: translate(0.0px,0.0px);
transform: translate(0.0px,0.0px);
}
40% {
fill: orange;
-webkit-transform: translate(0.0px,0.0px);
-moz-transform: translate(0.0px,0.0px);
-ms-transform: translate(0.0px,0.0px);
transform: translate(0.0px,0.0px);
}
65% {
fill: white;
-webkit-transform: translate(-1px,5.0px);
-moz-transform: translate(-1px,5.0px);
-ms-transform: translate(-1px,5.0px);
transform: translate(-1px,5.0px);
}
61% {
fill: orange;
}
100% {
-webkit-transform: translate(0.0px,0.0px);
-moz-transform: translate(0.0px,0.0px);
-ms-transform: translate(0.0px,0.0px);
transform: translate(0.0px,0.0px);
}
}
.am-weather-stroke {
-webkit-animation-name: am-weather-stroke;
-moz-animation-name: am-weather-stroke;
animation-name: am-weather-stroke;
-webkit-animation-duration: 1.11s;
-moz-animation-duration: 1.11s;
animation-duration: 1.11s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
]]></style>
</defs>
<g filter="url(#blur)" id="thunder">
<g transform="translate(20,10)">
<g transform="translate(0,16)">
<g class="am-weather-sun">
<g>
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(45)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(90)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(135)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(180)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(225)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(270)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(315)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
</g>
<circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
</g>
<g id="clouds">
<path d="M47.7,35.4 c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)" />
</g>
<g transform="translate(-9,28), scale(1.2)">
<polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 12 KiB

@@ -1,305 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- (c) ammap.com | SVG weather icons -->
<!-- Severe Thunderstorm | Contributed by hsoJ95 on GitHub: https://github.com/hsoj95 -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3" />
<feOffset dx="0" dy="4" result="offsetblur" />
<feComponentTransfer>
<feFuncA type="linear" slope="0.05" />
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
<style type="text/css">
<![CDATA[
/*
** CLOUDS
*/
@keyframes am-weather-cloud-1 {
0% {
-webkit-transform: translate(-5px, 0px);
-moz-transform: translate(-5px, 0px);
-ms-transform: translate(-5px, 0px);
transform: translate(-5px, 0px);
}
50% {
-webkit-transform: translate(10px, 0px);
-moz-transform: translate(10px, 0px);
-ms-transform: translate(10px, 0px);
transform: translate(10px, 0px);
}
100% {
-webkit-transform: translate(-5px, 0px);
-moz-transform: translate(-5px, 0px);
-ms-transform: translate(-5px, 0px);
transform: translate(-5px, 0px);
}
}
.am-weather-cloud-1 {
-webkit-animation-name: am-weather-cloud-1;
-moz-animation-name: am-weather-cloud-1;
animation-name: am-weather-cloud-1;
-webkit-animation-duration: 7s;
-moz-animation-duration: 7s;
animation-duration: 7s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes am-weather-cloud-2 {
0% {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
50% {
-webkit-transform: translate(2px, 0px);
-moz-transform: translate(2px, 0px);
-ms-transform: translate(2px, 0px);
transform: translate(2px, 0px);
}
100% {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
}
.am-weather-cloud-2 {
-webkit-animation-name: am-weather-cloud-2;
-moz-animation-name: am-weather-cloud-2;
animation-name: am-weather-cloud-2;
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** STROKE
*/
@keyframes am-weather-stroke {
0% {
-webkit-transform: translate(0.0px, 0.0px);
-moz-transform: translate(0.0px, 0.0px);
-ms-transform: translate(0.0px, 0.0px);
transform: translate(0.0px, 0.0px);
}
2% {
-webkit-transform: translate(0.3px, 0.0px);
-moz-transform: translate(0.3px, 0.0px);
-ms-transform: translate(0.3px, 0.0px);
transform: translate(0.3px, 0.0px);
}
4% {
-webkit-transform: translate(0.0px, 0.0px);
-moz-transform: translate(0.0px, 0.0px);
-ms-transform: translate(0.0px, 0.0px);
transform: translate(0.0px, 0.0px);
}
6% {
-webkit-transform: translate(0.5px, 0.4px);
-moz-transform: translate(0.5px, 0.4px);
-ms-transform: translate(0.5px, 0.4px);
transform: translate(0.5px, 0.4px);
}
8% {
-webkit-transform: translate(0.0px, 0.0px);
-moz-transform: translate(0.0px, 0.0px);
-ms-transform: translate(0.0px, 0.0px);
transform: translate(0.0px, 0.0px);
}
10% {
-webkit-transform: translate(0.3px, 0.0px);
-moz-transform: translate(0.3px, 0.0px);
-ms-transform: translate(0.3px, 0.0px);
transform: translate(0.3px, 0.0px);
}
12% {
-webkit-transform: translate(0.0px, 0.0px);
-moz-transform: translate(0.0px, 0.0px);
-ms-transform: translate(0.0px, 0.0px);
transform: translate(0.0px, 0.0px);
}
14% {
-webkit-transform: translate(0.3px, 0.0px);
-moz-transform: translate(0.3px, 0.0px);
-ms-transform: translate(0.3px, 0.0px);
transform: translate(0.3px, 0.0px);
}
16% {
-webkit-transform: translate(0.0px, 0.0px);
-moz-transform: translate(0.0px, 0.0px);
-ms-transform: translate(0.0px, 0.0px);
transform: translate(0.0px, 0.0px);
}
18% {
-webkit-transform: translate(0.3px, 0.0px);
-moz-transform: translate(0.3px, 0.0px);
-ms-transform: translate(0.3px, 0.0px);
transform: translate(0.3px, 0.0px);
}
20% {
-webkit-transform: translate(0.0px, 0.0px);
-moz-transform: translate(0.0px, 0.0px);
-ms-transform: translate(0.0px, 0.0px);
transform: translate(0.0px, 0.0px);
}
22% {
-webkit-transform: translate(1px, 0.0px);
-moz-transform: translate(1px, 0.0px);
-ms-transform: translate(1px, 0.0px);
transform: translate(1px, 0.0px);
}
24% {
-webkit-transform: translate(0.0px, 0.0px);
-moz-transform: translate(0.0px, 0.0px);
-ms-transform: translate(0.0px, 0.0px);
transform: translate(0.0px, 0.0px);
}
26% {
-webkit-transform: translate(-1px, 0.0px);
-moz-transform: translate(-1px, 0.0px);
-ms-transform: translate(-1px, 0.0px);
transform: translate(-1px, 0.0px);
}
28% {
-webkit-transform: translate(0.0px, 0.0px);
-moz-transform: translate(0.0px, 0.0px);
-ms-transform: translate(0.0px, 0.0px);
transform: translate(0.0px, 0.0px);
}
40% {
fill: orange;
-webkit-transform: translate(0.0px, 0.0px);
-moz-transform: translate(0.0px, 0.0px);
-ms-transform: translate(0.0px, 0.0px);
transform: translate(0.0px, 0.0px);
}
65% {
fill: white;
-webkit-transform: translate(-1px, 5.0px);
-moz-transform: translate(-1px, 5.0px);
-ms-transform: translate(-1px, 5.0px);
transform: translate(-1px, 5.0px);
}
61% {
fill: orange;
}
100% {
-webkit-transform: translate(0.0px, 0.0px);
-moz-transform: translate(0.0px, 0.0px);
-ms-transform: translate(0.0px, 0.0px);
transform: translate(0.0px, 0.0px);
}
}
.am-weather-stroke {
-webkit-animation-name: am-weather-stroke;
-moz-animation-name: am-weather-stroke;
animation-name: am-weather-stroke;
-webkit-animation-duration: 1.11s;
-moz-animation-duration: 1.11s;
animation-duration: 1.11s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes error {
0% {
fill: #cc0000;
}
50% {
fill: #ff0000;
}
100% {
fill: #cc0000;
}
}
#Shape {
-webkit-animation-name: error;
-moz-animation-name: error;
animation-name: error;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
]]>
</style>
</defs>
<g filter="url(#blur)" id="thunder">
<g transform="translate(20,10)">
<g class="am-weather-cloud-1">
<path d="M47.7,35.4 c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z"
fill="#666" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-6), scale(0.6)"
/>
</g>
<g>
<path d="M47.7,35.4 c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z"
fill="#333" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)" />
</g>
<g transform="translate(-9,28), scale(1.2)">
<polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9"
/>
</g>
<g id="error" transform="translate(23, 25)">
<path d="M7.77911118,2.90598694 L1.78786622,13.0231308 L1.78786622,13.0231308 C1.2250391,13.9735514 1.53924574,15.2002811 2.48966639,15.7631082 C2.79820001,15.9458179 3.15018031,16.0422194 3.50875504,16.0422194 L15.491245,16.0422194 L15.491245,16.0422194 C16.5958145,16.0422194 17.491245,15.1467889 17.491245,14.0422194 C17.491245,13.6836447 17.3948435,13.3316644 17.2121338,13.0231308 L11.2208888,2.90598694 L11.2208888,2.90598694 C10.6580617,1.95556629 9.431332,1.64135966 8.48091135,2.20418678 C8.19172737,2.37543789 7.95036229,2.61680296 7.77911118,2.90598694 Z"
id="Shape" fill="#CC0000" fill-rule="nonzero"></path>
<path d="M9.5,10.5 L9.5,5.5" id="Line" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round"></path>
<circle id="Oval" fill="#FFFFFF" cx="9.5" cy="13" r="1"></circle>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 13 KiB

@@ -1,28 +0,0 @@
<?xml version="1.0"?>
<svg width="800" height="800" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<style>
<![CDATA[#efumo7vt3k5h2_to {animation: efumo7vt3k5h2_to__to 4000ms linear infinite normal forwards}@keyframes efumo7vt3k5h2_to__to { 0% {transform: translate(112px,-184px)} 75% {transform: translate(112px,-184px)} 100% {transform: translate(112px,16px)} }#efumo7vt3k5h3_to {animation: efumo7vt3k5h3_to__to 4000ms linear infinite normal forwards}@keyframes efumo7vt3k5h3_to__to { 0% {transform: translate(-46px,-184px)} 50% {transform: translate(-46px,-184px)} 75% {transform: translate(-46px,16px)} 100% {transform: translate(-46px,16px)} }#efumo7vt3k5h3 {animation: efumo7vt3k5h3_f_o 4000ms linear infinite normal forwards}@keyframes efumo7vt3k5h3_f_o { 0% {fill-opacity: 1} 75% {fill-opacity: 1} 77.500000% {fill-opacity: 0} 100% {fill-opacity: 0} }#efumo7vt3k5h4_to {animation: efumo7vt3k5h4_to__to 4000ms linear infinite normal forwards}@keyframes efumo7vt3k5h4_to__to { 0% {transform: translate(270px,-184px)} 12.500000% {transform: translate(270px,-184px)} 37.500000% {transform: translate(270px,16px)} 100% {transform: translate(270px,16px)} }#efumo7vt3k5h4 {animation: efumo7vt3k5h4_f_o 4000ms linear infinite normal forwards}@keyframes efumo7vt3k5h4_f_o { 0% {fill-opacity: 1} 37.500000% {fill-opacity: 1} 40% {fill-opacity: 0} 100% {fill-opacity: 0} }#efumo7vt3k5h5_to {animation: efumo7vt3k5h5_to__to 4000ms linear infinite normal forwards}@keyframes efumo7vt3k5h5_to__to { 0% {transform: translate(78.410453px,-184px)} 62.500000% {transform: translate(78.410453px,-184px)} 87.500000% {transform: translate(78.410453px,16px)} 100% {transform: translate(78.410453px,16px)} }#efumo7vt3k5h5 {animation: efumo7vt3k5h5_f_o 4000ms linear infinite normal forwards}@keyframes efumo7vt3k5h5_f_o { 0% {fill-opacity: 1} 87.500000% {fill-opacity: 1} 90% {fill-opacity: 0} 100% {fill-opacity: 0} }#efumo7vt3k5h6_to {animation: efumo7vt3k5h6_to__to 4000ms linear infinite normal forwards}@keyframes efumo7vt3k5h6_to__to { 0% {transform: translate(-238.431665px,-184px)} 25% {transform: translate(-238.431665px,16px)} 100% {transform: translate(-238.431665px,16px)} }#efumo7vt3k5h6 {animation: efumo7vt3k5h6_f_o 4000ms linear infinite normal forwards}@keyframes efumo7vt3k5h6_f_o { 0% {fill-opacity: 1} 25% {fill-opacity: 1} 27.500000% {fill-opacity: 0} 100% {fill-opacity: 0} }#efumo7vt3k5h7_to {animation: efumo7vt3k5h7_to__to 4000ms linear infinite normal forwards}@keyframes efumo7vt3k5h7_to__to { 0% {transform: translate(-80.010606px,-184px)} 25% {transform: translate(-80.010606px,-184px)} 50% {transform: translate(-80.010606px,16px)} 100% {transform: translate(-80.010606px,16px)} }#efumo7vt3k5h7 {animation: efumo7vt3k5h7_f_o 4000ms linear infinite normal forwards}@keyframes efumo7vt3k5h7_f_o { 0% {fill-opacity: 1} 50% {fill-opacity: 1} 52.500000% {fill-opacity: 0} 100% {fill-opacity: 0} }]]>
</style>
<g class="layer">
<title>Layer 1</title>
<g id="efumo7vt3k5h2_to" transform="translate(112,-184)">
<path d="m283.283897,580.809438c-10.496,15.136 -34.848,52.608 -34.848,73.088c0,26.464 21.536,48 48,48c26.464,0 48,-21.536 48,-48c0,-20.48 -24.352,-57.952 -34.848,-73.088c-5.952,-8.64 -20.352,-8.64 -26.304,0z" fill="#57A0EE" id="efumo7vt3k5h2"/>
</g>
<g id="efumo7vt3k5h3_to" transform="translate(-46,-184)">
<path d="m283.283897,580.809438c-10.496,15.136 -34.848,52.608 -34.848,73.088c0,26.464 21.536,48 48,48c26.464,0 48,-21.536 48,-48c0,-20.48 -24.352,-57.952 -34.848,-73.088c-5.952,-8.64 -20.352,-8.64 -26.304,0z" fill="#57A0EE" id="efumo7vt3k5h3"/>
</g>
<g id="efumo7vt3k5h4_to" transform="translate(270,-184)">
<path d="m283.283897,580.809438c-10.496,15.136 -34.848,52.608 -34.848,73.088c0,26.464 21.536,48 48,48c26.464,0 48,-21.536 48,-48c0,-20.48 -24.352,-57.952 -34.848,-73.088c-5.952,-8.64 -20.352,-8.64 -26.304,0z" fill="#57A0EE" id="efumo7vt3k5h4"/>
</g>
<g id="efumo7vt3k5h5_to" transform="translate(78.410453,-184)">
<path d="m543.827897,605.897438c-4.384,-7.68 -14.208,-10.304 -21.856,-5.856l-17.536,10.144l0,-20.288c0,-8.832 -7.168,-16 -16,-16c-8.832,0 -16,7.168 -16,16l0,20.288l-17.568,-10.144c-7.616,-4.416 -17.408,-1.792 -21.856,5.856c-4.416,7.648 -1.792,17.44 5.856,21.856l17.6,10.144l-17.6,10.144c-7.648,4.416 -10.272,14.208 -5.856,21.856c2.976,5.12 8.352,8 13.856,8c2.72,0 5.472,-0.672 8,-2.144l17.568,-10.144l0,20.288c0,8.832 7.168,16 16,16c8.832,0 16,-7.168 16,-16l0,-20.288l17.568,10.144c2.528,1.472 5.28,2.144 8,2.144c5.504,0 10.912,-2.88 13.856,-8c4.448,-7.648 1.824,-17.44 -5.856,-21.856l-17.6,-10.144l17.6,-10.144c7.648,-4.416 10.272,-14.208 5.824,-21.856z" fill="rgb(126,129,144)" id="efumo7vt3k5h5"/>
</g>
<g id="efumo7vt3k5h6_to" transform="translate(-238.431665,-184)">
<path d="m543.827897,605.897438c-4.384,-7.68 -14.208,-10.304 -21.856,-5.856l-17.536,10.144l0,-20.288c0,-8.832 -7.168,-16 -16,-16c-8.832,0 -16,7.168 -16,16l0,20.288l-17.568,-10.144c-7.616,-4.416 -17.408,-1.792 -21.856,5.856c-4.416,7.648 -1.792,17.44 5.856,21.856l17.6,10.144l-17.6,10.144c-7.648,4.416 -10.272,14.208 -5.856,21.856c2.976,5.12 8.352,8 13.856,8c2.72,0 5.472,-0.672 8,-2.144l17.568,-10.144l0,20.288c0,8.832 7.168,16 16,16c8.832,0 16,-7.168 16,-16l0,-20.288l17.568,10.144c2.528,1.472 5.28,2.144 8,2.144c5.504,0 10.912,-2.88 13.856,-8c4.448,-7.648 1.824,-17.44 -5.856,-21.856l-17.6,-10.144l17.6,-10.144c7.648,-4.416 10.272,-14.208 5.824,-21.856z" fill="rgb(126,129,144)" id="efumo7vt3k5h6"/>
</g>
<g id="efumo7vt3k5h7_to" transform="translate(-80.010606,-184)">
<path d="m543.827897,605.897438c-4.384,-7.68 -14.208,-10.304 -21.856,-5.856l-17.536,10.144l0,-20.288c0,-8.832 -7.168,-16 -16,-16c-8.832,0 -16,7.168 -16,16l0,20.288l-17.568,-10.144c-7.616,-4.416 -17.408,-1.792 -21.856,5.856c-4.416,7.648 -1.792,17.44 5.856,21.856l17.6,10.144l-17.6,10.144c-7.648,4.416 -10.272,14.208 -5.856,21.856c2.976,5.12 8.352,8 13.856,8c2.72,0 5.472,-0.672 8,-2.144l17.568,-10.144l0,20.288c0,8.832 7.168,16 16,16c8.832,0 16,-7.168 16,-16l0,-20.288l17.568,10.144c2.528,1.472 5.28,2.144 8,2.144c5.504,0 10.912,-2.88 13.856,-8c4.448,-7.648 1.824,-17.44 -5.856,-21.856l-17.6,-10.144l17.6,-10.144c7.648,-4.416 10.272,-14.208 5.824,-21.856z" fill="rgb(126,129,144)" id="efumo7vt3k5h7"/>
</g>
<path d="m568.435897,349.897438c-1.024,0 -2.048,0 -3.136,0.032c-14.912,-74.016 -79.776,-128.032 -156.864,-128.032c-64.032,0 -121.504,38.112 -146.688,96.032c-60.512,1.44 -109.312,51.104 -109.312,111.968c0,61.76 50.24,112 112,112l304,0c52.928,0 96,-43.072 96,-96c0,-52.928 -43.072,-96 -96,-96z" fill="#57A0EE" id="efumo7vt3k5h8"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 6.5 KiB

@@ -1,185 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- (c) ammap.com | SVG weather icons -->
<!-- Mix of Sleet and Snow | Contributed by hsoJ95 on GitHub: https://github.com/hsoj95 -->
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="64"
height="64"
viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.05"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style type="text/css"><![CDATA[
/*
** RAIN
*/
@keyframes am-weather-rain {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: -100;
}
}
.am-weather-rain-1 {
-webkit-animation-name: am-weather-rain;
-moz-animation-name: am-weather-rain;
-ms-animation-name: am-weather-rain;
animation-name: am-weather-rain;
-webkit-animation-duration: 8s;
-moz-animation-duration: 8s;
-ms-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.am-weather-rain-2 {
-webkit-animation-name: am-weather-rain;
-moz-animation-name: am-weather-rain;
-ms-animation-name: am-weather-rain;
animation-name: am-weather-rain;
-webkit-animation-delay: 0.25s;
-moz-animation-delay: 0.25s;
-ms-animation-delay: 0.25s;
animation-delay: 0.25s;
-webkit-animation-duration: 8s;
-moz-animation-duration: 8s;
-ms-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** SNOW
*/
@keyframes am-weather-snow {
0% {
-webkit-transform: translateX(0) translateY(0);
-moz-transform: translateX(0) translateY(0);
-ms-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0);
}
33.33% {
-webkit-transform: translateX(-1.2px) translateY(2px);
-moz-transform: translateX(-1.2px) translateY(2px);
-ms-transform: translateX(-1.2px) translateY(2px);
transform: translateX(-1.2px) translateY(2px);
}
66.66% {
-webkit-transform: translateX(1.4px) translateY(4px);
-moz-transform: translateX(1.4px) translateY(4px);
-ms-transform: translateX(1.4px) translateY(4px);
transform: translateX(1.4px) translateY(4px);
opacity: 1;
}
100% {
-webkit-transform: translateX(-1.6px) translateY(6px);
-moz-transform: translateX(-1.6px) translateY(6px);
-ms-transform: translateX(-1.6px) translateY(6px);
transform: translateX(-1.6px) translateY(6px);
opacity: 0;
}
}
.am-weather-snow-1 {
-webkit-animation-name: am-weather-snow;
-moz-animation-name: am-weather-snow;
-ms-animation-name: am-weather-snow;
animation-name: am-weather-snow;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.am-weather-snow-2 {
-webkit-animation-name: am-weather-snow;
-moz-animation-name: am-weather-snow;
-ms-animation-name: am-weather-snow;
animation-name: am-weather-snow;
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
-ms-animation-delay: 1.2s;
animation-delay: 1.2s;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
]]></style>
</defs>
<g filter="url(#blur)" id="rainy-7">
<g transform="translate(20,10)">
<g>
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
</g>
</g>
<g transform="translate(31,46), rotate(10)">
<line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(-5,1)" x1="0" x2="0" y1="0" y2="8" />
<line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
<line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(5,0)" x1="0" x2="0" y1="0" y2="8" />
</g>
<g class="am-weather-snow-1">
<g transform="translate(21,38)">
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
</g>
</g>
<g class="am-weather-snow-2">
<g transform="translate(40,38)">
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 7.7 KiB

@@ -1,18 +0,0 @@
<?xml version="1.0"?>
<svg width="800" height="800" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<style>
<![CDATA[#e55c3fdwds5k4_to {animation: e55c3fdwds5k4_to__to 3000ms linear infinite normal forwards}@keyframes e55c3fdwds5k4_to__to { 0% {transform: translate(63.984000px,-64px)} 33.333333% {transform: translate(205.506673px,-14px)} 100% {transform: translate(-106.719665px,96px)} }#e55c3fdwds5k4 {animation: e55c3fdwds5k4_f_o 3000ms linear infinite normal forwards}@keyframes e55c3fdwds5k4_f_o { 0% {fill-opacity: 0} 33.333333% {fill-opacity: 1} 83.333333% {fill-opacity: 1} 100% {fill-opacity: 0} }#e55c3fdwds5k5_to {animation: e55c3fdwds5k5_to__to 3000ms linear infinite normal forwards}@keyframes e55c3fdwds5k5_to__to { 0% {transform: translate(-219.952268px,-78.434368px)} 33.333333% {transform: translate(-219.952268px,-78.434368px)} 100% {transform: translate(86.431665px,16px)} }#e55c3fdwds5k5 {animation: e55c3fdwds5k5_f_o 3000ms linear infinite normal forwards}@keyframes e55c3fdwds5k5_f_o { 0% {fill-opacity: 0} 33.333333% {fill-opacity: 0} 50% {fill-opacity: 1} 83.333333% {fill-opacity: 1} 100% {fill-opacity: 0} }]]>
</style>
<g class="layer">
<title>Layer 1</title>
<path d="m571.128204,388.871796c-1.024,0 -2.048,0 -3.136,0.032c-14.912,-74.016 -79.776,-128.032 -156.864,-128.032c-64.032,0 -121.504,38.112 -146.688,96.032c-60.512,1.44 -109.312,51.104 -109.312,111.968c0,61.76 50.24,112 112,112l304,0c52.928,0 96,-43.072 96,-96c0,-52.928 -43.072,-96 -96,-96z" fill="#57A0EE" id="e55c3fdwds5k2"/>
<g id="e55c3fdwds5k3">
<g id="e55c3fdwds5k4_to" transform="translate(63.984000,-64)">
<path d="m430.264204,516.871796c-4.448,-7.68 -14.24,-10.304 -21.856,-5.856l-45.28,26.144l0,-52.288c0,-8.832 -7.168,-16 -16,-16c-8.832,0 -16,7.168 -16,16l0,52.288l-45.28,-26.144c-7.648,-4.448 -17.44,-1.824 -21.856,5.856c-4.416,7.648 -1.792,17.44 5.856,21.856l45.312,26.144l-45.312,26.144c-7.648,4.416 -10.272,14.208 -5.856,21.856c2.976,5.12 8.352,8 13.888,8c2.72,0 5.472,-0.672 8,-2.144l45.248,-26.144l0,52.288c0,8.832 7.168,16 16,16c8.832,0 16,-7.168 16,-16l0,-52.288l45.28,26.144c2.528,1.472 5.28,2.144 8,2.144c5.536,0 10.912,-2.88 13.888,-8c4.416,-7.648 1.792,-17.44 -5.856,-21.856l-45.344,-26.144l45.312,-26.144c7.648,-4.416 10.272,-14.208 5.856,-21.856z" fill="rgb(207,216,220)" fill-opacity="0" id="e55c3fdwds5k4"/>
</g>
<g id="e55c3fdwds5k5_to" transform="translate(-219.952268,-78.434368)">
<path d="m572.696204,687.015796l-17.6,-10.144l17.6,-10.144c7.648,-4.416 10.272,-14.176 5.856,-21.856c-4.416,-7.68 -14.208,-10.304 -21.856,-5.856l-17.568,10.144l0,-20.288c0,-8.832 -7.168,-16 -16,-16c-8.832,0 -16,7.168 -16,16l0,20.288l-17.568,-10.144c-7.616,-4.416 -17.44,-1.792 -21.824,5.856c-4.448,7.648 -1.824,17.44 5.856,21.856l17.568,10.144l-17.6,10.144c-7.648,4.416 -10.272,14.208 -5.824,21.856c2.944,5.12 8.352,8 13.856,8c2.72,0 5.472,-0.672 8,-2.144l17.536,-10.144l0,20.288c0,8.832 7.168,16 16,16c8.832,0 16,-7.168 16,-16l0,-20.288l17.568,10.144c2.528,1.472 5.28,2.144 8,2.144c5.504,0 10.912,-2.88 13.856,-8c4.416,-7.648 1.792,-17.44 -5.856,-21.856z" fill="rgb(207,216,220)" fill-opacity="0" id="e55c3fdwds5k5"/>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 3.1 KiB

@@ -1,230 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- (c) ammap.com | SVG weather icons -->
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="64"
height="64"
viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.05"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style type="text/css"><![CDATA[
/*
** SUN
*/
@keyframes am-weather-sun {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.am-weather-sun {
-webkit-animation-name: am-weather-sun;
-moz-animation-name: am-weather-sun;
-ms-animation-name: am-weather-sun;
animation-name: am-weather-sun;
-webkit-animation-duration: 9s;
-moz-animation-duration: 9s;
-ms-animation-duration: 9s;
animation-duration: 9s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes am-weather-sun-shiny {
0% {
stroke-dasharray: 3px 10px;
stroke-dashoffset: 0px;
}
50% {
stroke-dasharray: 0.1px 10px;
stroke-dashoffset: -1px;
}
100% {
stroke-dasharray: 3px 10px;
stroke-dashoffset: 0px;
}
}
.am-weather-sun-shiny line {
-webkit-animation-name: am-weather-sun-shiny;
-moz-animation-name: am-weather-sun-shiny;
-ms-animation-name: am-weather-sun-shiny;
animation-name: am-weather-sun-shiny;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
** SNOW
*/
@keyframes am-weather-snow {
0% {
-webkit-transform: translateX(0) translateY(0);
-moz-transform: translateX(0) translateY(0);
-ms-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0);
}
33.33% {
-webkit-transform: translateX(-1.2px) translateY(2px);
-moz-transform: translateX(-1.2px) translateY(2px);
-ms-transform: translateX(-1.2px) translateY(2px);
transform: translateX(-1.2px) translateY(2px);
}
66.66% {
-webkit-transform: translateX(1.4px) translateY(4px);
-moz-transform: translateX(1.4px) translateY(4px);
-ms-transform: translateX(1.4px) translateY(4px);
transform: translateX(1.4px) translateY(4px);
opacity: 1;
}
100% {
-webkit-transform: translateX(-1.6px) translateY(6px);
-moz-transform: translateX(-1.6px) translateY(6px);
-ms-transform: translateX(-1.6px) translateY(6px);
transform: translateX(-1.6px) translateY(6px);
opacity: 0;
}
}
.am-weather-snow-1 {
-webkit-animation-name: am-weather-snow;
-moz-animation-name: am-weather-snow;
-ms-animation-name: am-weather-snow;
animation-name: am-weather-snow;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.am-weather-snow-2 {
-webkit-animation-name: am-weather-snow;
-moz-animation-name: am-weather-snow;
-ms-animation-name: am-weather-snow;
animation-name: am-weather-snow;
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
-ms-animation-delay: 1.2s;
animation-delay: 1.2s;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
]]></style>
</defs>
<g filter="url(#blur)" id="snowy-1">
<g transform="translate(20,10)">
<g transform="translate(0,16), scale(1.2)">
<g class="am-weather-sun">
<g>
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(45)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(90)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(135)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(180)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(225)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(270)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
<g transform="rotate(315)">
<line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
</g>
</g>
<circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
</g>
<g>
<path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.5" transform="translate(-15,-5), scale(0.85)"/>
</g>
</g>
<g transform="translate(20,9)">
<g class="am-weather-snow-1">
<g transform="translate(7,28)">
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
</g>
</g>
<g class="am-weather-snow-2">
<g transform="translate(16,28)">
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
<line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
</g>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 9.4 KiB

Some files were not shown because too many files have changed in this diff Show More