{"id":40,"date":"2026-01-07T16:12:45","date_gmt":"2026-01-07T15:12:45","guid":{"rendered":"https:\/\/solarxbike.se\/labbet\/logo\/?p=40"},"modified":"2026-01-08T19:08:49","modified_gmt":"2026-01-08T18:08:49","slug":"svg-med-css","status":"publish","type":"post","link":"https:\/\/solarxbike.se\/labbet\/logo\/2026\/01\/07\/svg-med-css\/","title":{"rendered":"child1 SVG med CSS"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<pre class=\"wp-block-preformatted\">.snowflake |  fill: currentColor<\/pre>\n\n\n\n<!--?xml version=\"1.0\" encoding=\"UTF-8\"?-->\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"-50 -50 100 100\" class=\"snowflake\" aria-label=\"Snowflake logo\" role=\"img\">\n\n  <defs>\n    <style>\n      .snowflake path {\n        fill: currentColor;\n      }\n    <\/style>\n  <\/defs>\n\n  <!-- Central hexagon -->\n  <polygon points=\"\n    0,-12\n    10,-6\n    10,6\n    0,12\n    -10,6\n    -10,-6\n  \"><\/polygon>\n\n  <!-- One arm, rotated 6 times -->\n  <g id=\"arm\">\n    <rect x=\"-2\" y=\"-40\" width=\"4\" height=\"28\" rx=\"2\"><\/rect>\n    <rect x=\"-2\" y=\"-30\" width=\"4\" height=\"10\" rx=\"2\" transform=\"rotate(30)\"><\/rect>\n    <rect x=\"-2\" y=\"-30\" width=\"4\" height=\"10\" rx=\"2\" transform=\"rotate(-30)\"><\/rect>\n  <\/g>\n\n  <use href=\"#arm\" transform=\"rotate(0)\"><\/use>\n  <use href=\"#arm\" transform=\"rotate(60)\"><\/use>\n  <use href=\"#arm\" transform=\"rotate(120)\"><\/use>\n  <use href=\"#arm\" transform=\"rotate(180)\"><\/use>\n  <use href=\"#arm\" transform=\"rotate(240)\"><\/use>\n  <use href=\"#arm\" transform=\"rotate(300)\"><\/use>\n\n<\/svg>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<pre class=\"wp-block-preformatted\">class=\"snowflake\" | fill: Color<\/pre>\n\n\n\n<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg\n  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n  viewBox=\"-50 -50 100 100\"\n  class=\"snowflake\"\n  aria-label=\"Snowflake logo\"\n  role=\"img\">\n\n  <defs>\n    <style>\n      .snowflake path {\n        fill: Color;\n      }\n    <\/style>\n  <\/defs>\n\n  <!-- Central hexagon -->\n  <polygon points=\"\n    0,-12\n    10,-6\n    10,6\n    0,12\n    -10,6\n    -10,-6\n  \"\/>\n\n  <!-- One arm, rotated 6 times -->\n  <g id=\"arm\">\n    <rect x=\"-2\" y=\"-40\" width=\"4\" height=\"28\" rx=\"2\"\/>\n    <rect x=\"-2\" y=\"-30\" width=\"4\" height=\"10\" rx=\"2\" transform=\"rotate(30)\"\/>\n    <rect x=\"-2\" y=\"-30\" width=\"4\" height=\"10\" rx=\"2\" transform=\"rotate(-30)\"\/>\n  <\/g>\n\n  <use href=\"#arm\" transform=\"rotate(0)\"\/>\n  <use href=\"#arm\" transform=\"rotate(60)\"\/>\n  <use href=\"#arm\" transform=\"rotate(120)\"\/>\n  <use href=\"#arm\" transform=\"rotate(180)\"\/>\n  <use href=\"#arm\" transform=\"rotate(240)\"\/>\n  <use href=\"#arm\" transform=\"rotate(300)\"\/>\n\n<\/svg>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<pre class=\"wp-block-preformatted\">snowflake-wrapper <\/pre>\n\n\n\n<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<div class=\"snowflake-wrapper\">\n<svg\n  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n  viewBox=\"-50 -50 100 100\"\n  class=\"snowflake\"\n  aria-label=\"Snowflake logo\"\n  role=\"img\">\n\n  <defs>\n    <style>\n      .snowflake path {\n        fill: currentColor;\n      }\n    <\/style>\n  <\/defs>\n\n  <!-- Central hexagon -->\n  <polygon points=\"\n    0,-12\n    10,-6\n    10,6\n    0,12\n    -10,6\n    -10,-6\n  \"\/>\n\n  <!-- One arm, rotated 6 times -->\n  <g id=\"arm\">\n    <rect x=\"-2\" y=\"-40\" width=\"4\" height=\"28\" rx=\"2\"\/>\n    <rect x=\"-2\" y=\"-30\" width=\"4\" height=\"10\" rx=\"2\" transform=\"rotate(30)\"\/>\n    <rect x=\"-2\" y=\"-30\" width=\"4\" height=\"10\" rx=\"2\" transform=\"rotate(-30)\"\/>\n  <\/g>\n\n  <use href=\"#arm\" transform=\"rotate(0)\"\/>\n  <use href=\"#arm\" transform=\"rotate(60)\"\/>\n  <use href=\"#arm\" transform=\"rotate(120)\"\/>\n  <use href=\"#arm\" transform=\"rotate(180)\"\/>\n  <use href=\"#arm\" transform=\"rotate(240)\"\/>\n  <use href=\"#arm\" transform=\"rotate(300)\"\/>\n\n<\/svg>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>.snowflake | fill: currentColor class=&#8221;snowflake&#8221; | fill: Color snowflake-wrapper<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"","activitypub_status":"federated","footnotes":""},"categories":[1],"tags":[3,2],"class_list":["post-40","post","type-post","status-publish","format-standard","hentry","category-okategoriserade","tag-4da3ff","tag-ff5733"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/solarxbike.se\/labbet\/logo\/wp-json\/wp\/v2\/posts\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/solarxbike.se\/labbet\/logo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/solarxbike.se\/labbet\/logo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/solarxbike.se\/labbet\/logo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/solarxbike.se\/labbet\/logo\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":24,"href":"https:\/\/solarxbike.se\/labbet\/logo\/wp-json\/wp\/v2\/posts\/40\/revisions"}],"predecessor-version":[{"id":203,"href":"https:\/\/solarxbike.se\/labbet\/logo\/wp-json\/wp\/v2\/posts\/40\/revisions\/203"}],"wp:attachment":[{"href":"https:\/\/solarxbike.se\/labbet\/logo\/wp-json\/wp\/v2\/media?parent=40"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/solarxbike.se\/labbet\/logo\/wp-json\/wp\/v2\/categories?post=40"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/solarxbike.se\/labbet\/logo\/wp-json\/wp\/v2\/tags?post=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}