Ikon Dashing Away
fluent-emoji:dashing-away
Ikon Dashing Away (fluent-emoji:dashing-away) adalah ikon SVG gratis dari set Fluent Emoji karya Microsoft Corporation. Ikon ini digambar pada grid 32 × 32. Fluent Emoji icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Fluent Emoji
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 32 × 32
- Tag
- dashingaway
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#ik5rUnb)" d="M21.852 8.387a.88.88 0 0 0 .703.6a7.224 7.224 0 0 1 .012 14.284a.88.88 0 0 0-.703.605a5.885 5.885 0 0 1-11.261-.162l-.001.002c-.602-2.13-1.557-4.085-4.68-5.356c-.342-.153-.27-.568.1-.515c1.289.182 2.886.697 4.551 1.526c.17.085.363.041.482-.081c.033-.063.057-.056.092-.118l.008-.045l.003-.023a.52.52 0 0 0-.226-.508c-1.256-.774-4.02-1.485-7.83-1.577c-.938 0-1.33-.375-1.352-.838c.022-.464.273-.838 1.352-.838c3.81-.092 6.574-.804 7.83-1.577a.52.52 0 0 0 .226-.508l-.003-.023a.41.41 0 0 0-.592-.314c-1.665.83-3.297 1.317-4.585 1.499c-.371.052-.443-.362-.101-.516c3.522-1.581 4.177-3.608 4.555-4.78q.066-.206.126-.374a5.885 5.885 0 0 1 11.294-.363"/><path fill="url(#iHLJied)" d="M21.852 8.387a.88.88 0 0 0 .703.6a7.224 7.224 0 0 1 .012 14.284a.88.88 0 0 0-.703.605a5.885 5.885 0 0 1-11.261-.162l-.001.002c-.602-2.13-1.557-4.085-4.68-5.356c-.342-.153-.27-.568.1-.515c1.289.182 2.886.697 4.551 1.526c.17.085.363.041.482-.081c.033-.063.057-.056.092-.118l.008-.045l.003-.023a.52.52 0 0 0-.226-.508c-1.256-.774-4.02-1.485-7.83-1.577c-.938 0-1.33-.375-1.352-.838c.022-.464.273-.838 1.352-.838c3.81-.092 6.574-.804 7.83-1.577a.52.52 0 0 0 .226-.508l-.003-.023a.41.41 0 0 0-.592-.314c-1.665.83-3.297 1.317-4.585 1.499c-.371.052-.443-.362-.101-.516c3.522-1.581 4.177-3.608 4.555-4.78q.066-.206.126-.374a5.885 5.885 0 0 1 11.294-.363"/><path fill="url(#iVPV2ye)" d="M21.852 8.387a.88.88 0 0 0 .703.6a7.224 7.224 0 0 1 .012 14.284a.88.88 0 0 0-.703.605a5.885 5.885 0 0 1-11.261-.162l-.001.002c-.602-2.13-1.557-4.085-4.68-5.356c-.342-.153-.27-.568.1-.515c1.289.182 2.886.697 4.551 1.526c.17.085.363.041.482-.081c.033-.063.057-.056.092-.118l.008-.045l.003-.023a.52.52 0 0 0-.226-.508c-1.256-.774-4.02-1.485-7.83-1.577c-.938 0-1.33-.375-1.352-.838c.022-.464.273-.838 1.352-.838c3.81-.092 6.574-.804 7.83-1.577a.52.52 0 0 0 .226-.508l-.003-.023a.41.41 0 0 0-.592-.314c-1.665.83-3.297 1.317-4.585 1.499c-.371.052-.443-.362-.101-.516c3.522-1.581 4.177-3.608 4.555-4.78q.066-.206.126-.374a5.885 5.885 0 0 1 11.294-.363"/><path fill="url(#ik9LpPe)" d="M21.852 8.387a.88.88 0 0 0 .703.6a7.224 7.224 0 0 1 .012 14.284a.88.88 0 0 0-.703.605a5.885 5.885 0 0 1-11.261-.162l-.001.002c-.602-2.13-1.557-4.085-4.68-5.356c-.342-.153-.27-.568.1-.515c1.289.182 2.886.697 4.551 1.526c.17.085.363.041.482-.081c.033-.063.057-.056.092-.118l.008-.045l.003-.023a.52.52 0 0 0-.226-.508c-1.256-.774-4.02-1.485-7.83-1.577c-.938 0-1.33-.375-1.352-.838c.022-.464.273-.838 1.352-.838c3.81-.092 6.574-.804 7.83-1.577a.52.52 0 0 0 .226-.508l-.003-.023a.41.41 0 0 0-.592-.314c-1.665.83-3.297 1.317-4.585 1.499c-.371.052-.443-.362-.101-.516c3.522-1.581 4.177-3.608 4.555-4.78q.066-.206.126-.374a5.885 5.885 0 0 1 11.294-.363"/><path fill="url(#iYtMhab)" d="M21.852 8.387a.88.88 0 0 0 .703.6a7.224 7.224 0 0 1 .012 14.284a.88.88 0 0 0-.703.605a5.885 5.885 0 0 1-11.261-.162l-.001.002c-.602-2.13-1.557-4.085-4.68-5.356c-.342-.153-.27-.568.1-.515c1.289.182 2.886.697 4.551 1.526c.17.085.363.041.482-.081c.033-.063.057-.056.092-.118l.008-.045l.003-.023a.52.52 0 0 0-.226-.508c-1.256-.774-4.02-1.485-7.83-1.577c-.938 0-1.33-.375-1.352-.838c.022-.464.273-.838 1.352-.838c3.81-.092 6.574-.804 7.83-1.577a.52.52 0 0 0 .226-.508l-.003-.023a.41.41 0 0 0-.592-.314c-1.665.83-3.297 1.317-4.585 1.499c-.371.052-.443-.362-.101-.516c3.522-1.581 4.177-3.608 4.555-4.78q.066-.206.126-.374a5.885 5.885 0 0 1 11.294-.363"/><path fill="url(#iRPqlxb)" d="M21.852 8.387a.88.88 0 0 0 .703.6a7.224 7.224 0 0 1 .012 14.284a.88.88 0 0 0-.703.605a5.885 5.885 0 0 1-11.261-.162l-.001.002c-.602-2.13-1.557-4.085-4.68-5.356c-.342-.153-.27-.568.1-.515c1.289.182 2.886.697 4.551 1.526c.17.085.363.041.482-.081c.033-.063.057-.056.092-.118l.008-.045l.003-.023a.52.52 0 0 0-.226-.508c-1.256-.774-4.02-1.485-7.83-1.577c-.938 0-1.33-.375-1.352-.838c.022-.464.273-.838 1.352-.838c3.81-.092 6.574-.804 7.83-1.577a.52.52 0 0 0 .226-.508l-.003-.023a.41.41 0 0 0-.592-.314c-1.665.83-3.297 1.317-4.585 1.499c-.371.052-.443-.362-.101-.516c3.522-1.581 4.177-3.608 4.555-4.78q.066-.206.126-.374a5.885 5.885 0 0 1 11.294-.363"/><path fill="url(#iTXwjLe)" d="M21.852 8.387a.88.88 0 0 0 .703.6a7.224 7.224 0 0 1 .012 14.284a.88.88 0 0 0-.703.605a5.885 5.885 0 0 1-11.261-.162l-.001.002c-.602-2.13-1.557-4.085-4.68-5.356c-.342-.153-.27-.568.1-.515c1.289.182 2.886.697 4.551 1.526c.17.085.363.041.482-.081c.033-.063.057-.056.092-.118l.008-.045l.003-.023a.52.52 0 0 0-.226-.508c-1.256-.774-4.02-1.485-7.83-1.577c-.938 0-1.33-.375-1.352-.838c.022-.464.273-.838 1.352-.838c3.81-.092 6.574-.804 7.83-1.577a.52.52 0 0 0 .226-.508l-.003-.023a.41.41 0 0 0-.592-.314c-1.665.83-3.297 1.317-4.585 1.499c-.371.052-.443-.362-.101-.516c3.522-1.581 4.177-3.608 4.555-4.78q.066-.206.126-.374a5.885 5.885 0 0 1 11.294-.363"/><path fill="url(#i0mrpcc)" d="M11.133 18.853a2.185 2.185 0 0 0-1.12-3.492l-2.037-.551c-1.324.286-2.968.487-4.874.533c-1.079 0-1.33.374-1.352.838c.022.463.414.838 1.352.838c3.81.092 6.574.803 7.83 1.577c.099.06.166.152.201.257"/><path fill="url(#it61IRc)" d="M25.335 22.237a7.2 7.2 0 0 1-2.768 1.034a.88.88 0 0 0-.703.605a5.9 5.9 0 0 1-.918 1.766c-1.35-1.2-3.019-2.983-4.555-5.149c.837.517 5.109 1.95 8.944 1.744"/><circle cx="26.656" cy="6.946" r="2.297" fill="url(#iQGq3nb)"/><circle cx="26.656" cy="6.946" r="2.297" fill="url(#immogNd)"/><circle cx="26.656" cy="6.946" r="2.297" fill="url(#iUmMFmb)"/><circle cx="21.93" cy="4.704" r="1.305" fill="url(#il9cZje)"/><circle cx="21.93" cy="4.704" r="1.305" fill="url(#iXrWZwe)"/><circle cx="21.93" cy="4.704" r="1.305" fill="url(#iqOO73c)"/><circle cx="22.57" cy="27.657" r="1.289" fill="url(#iwjsO4c)"/><circle cx="22.57" cy="27.657" r="1.289" fill="url(#iEwzYup)"/><g filter="url(#idQKgJe)"><circle cx="16" cy="10.259" r="4.796" fill="url(#iv7onwb)"/><circle cx="16" cy="10.259" r="4.796" fill="url(#icgocRb)"/><circle cx="16" cy="10.259" r="4.796" fill="url(#ipxD2Ib)"/></g><g filter="url(#i7oKnGd)"><circle cx="15.861" cy="21.936" r="5.002" fill="url(#iHuE43d)"/></g><g filter="url(#i7oKnGd)"><circle cx="15.861" cy="21.936" r="5.002" fill="url(#iQGQlLr)"/></g><g filter="url(#ifeAyzc)"><path fill="url(#iMfrNgo)" d="M27.813 15.939c.421 2.867-1.9 6.477-5.883 6.742c-5.164.343-8.696-3.047-8.696-6.742c0-3.696 4.25-7.196 8.696-6.57c3.249 0 5.883 3.32 5.883 6.57"/><path fill="url(#i4SxLfP)" d="M27.813 15.939c.421 2.867-1.9 6.477-5.883 6.742c-5.164.343-8.696-3.047-8.696-6.742c0-3.696 4.25-7.196 8.696-6.57c3.249 0 5.883 3.32 5.883 6.57"/><path fill="url(#iwbeASb)" d="M27.813 15.939c.421 2.867-1.9 6.477-5.883 6.742c-5.164.343-8.696-3.047-8.696-6.742c0-3.696 4.25-7.196 8.696-6.57c3.249 0 5.883 3.32 5.883 6.57"/><path fill="url(#isHbAHb)" d="M27.813 15.939c.421 2.867-1.9 6.477-5.883 6.742c-5.164.343-8.696-3.047-8.696-6.742c0-3.696 4.25-7.196 8.696-6.57c3.249 0 5.883 3.32 5.883 6.57"/></g><g filter="url(#i0FwgVe)"><path stroke="url(#iuzFwed)" stroke-linecap="round" d="M15.172 18.556c.854.937 2.844 3.375 6.531 4.28"/></g><g filter="url(#iANZTwc)"><path stroke="#EEE2E3" stroke-linecap="round" stroke-width=".25" d="M2.89 16.056c.949-.021 3.294-.132 5.094-.407"/></g><defs><radialGradient id="ik5rUnb" cx="0" cy="0" r="1" gradientTransform="rotate(137.364 9.222 8.456)scale(19.2851 18.0913)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#DCC4E7"/></radialGradient><radialGradient id="iVPV2ye" cx="0" cy="0" r="1" gradientTransform="rotate(-52.485 36.14 5.15)scale(12.2133 19.289)" gradientUnits="userSpaceOnUse"><stop stop-color="#9B91F1"/><stop offset="1" stop-color="#9B91F1" stop-opacity="0"/></radialGradient><radialGradient id="ik9LpPe" cx="0" cy="0" r="1" gradientTransform="matrix(6.9375 5.625 -5.88867 7.2627 7.61 7.18)" gradientUnits="userSpaceOnUse"><stop stop-color="#B3A8A8"/><stop offset="1" stop-color="#B3A8A8" stop-opacity="0"/></radialGradient><radialGradient id="iRPqlxb" cx="0" cy="0" r="1" gradientTransform="matrix(1.20311 -1.39063 4.2248 3.65513 6.922 20.4)" gradientUnits="userSpaceOnUse"><stop stop-color="#B6A8F2"/><stop offset="1" stop-color="#A998F0" stop-opacity="0"/></radialGradient><radialGradient id="i0mrpcc" cx="0" cy="0" r="1" gradientTransform="matrix(.40625 -1.5995 8.05286 2.04532 7.797 18.43)" gradientUnits="userSpaceOnUse"><stop offset=".103" stop-color="#B6A8F2"/><stop offset="1" stop-color="#B6A8F2" stop-opacity="0"/></radialGradient><radialGradient id="it61IRc" cx="0" cy="0" r="1" gradientTransform="matrix(-6.1158 -2.1416 .40653 -1.16093 23.944 24.357)" gradientUnits="userSpaceOnUse"><stop stop-color="#ADA0F1"/><stop offset="1" stop-color="#ADA0F1" stop-opacity="0"/></radialGradient><radialGradient id="iQGq3nb" cx="0" cy="0" r="1" gradientTransform="rotate(129.611 12.409 9.097)scale(3.52904 3.95)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#DED0E4"/></radialGradient><radialGradient id="immogNd" cx="0" cy="0" r="1" gradientTransform="matrix(2.57813 -2.59374 2.39423 2.37981 24.078 10.587)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF3C7"/><stop offset="1" stop-color="#FFF3C7" stop-opacity="0"/></radialGradient><radialGradient id="iUmMFmb" cx="0" cy="0" r="1" gradientTransform="matrix(5.56252 3.71872 -2.84673 4.25818 22.047 3.65)" gradientUnits="userSpaceOnUse"><stop offset=".042" stop-color="#AFADA8"/><stop offset=".885" stop-color="#AFADA8" stop-opacity="0"/></radialGradient><radialGradient id="il9cZje" cx="0" cy="0" r="1" gradientTransform="matrix(-1.68634 2.21885 -2.48353 -1.8875 22.311 3.79)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#DED0E4"/></radialGradient><radialGradient id="iXrWZwe" cx="0" cy="0" r="1" gradientTransform="matrix(1.46444 -1.47332 1.35999 1.3518 20.465 6.772)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF3C7"/><stop offset="1" stop-color="#FFF3C7" stop-opacity="0"/></radialGradient><radialGradient id="iqOO73c" cx="0" cy="0" r="1" gradientTransform="matrix(3.51669 2.03677 -1.3194 2.27806 19.311 2.831)" gradientUnits="userSpaceOnUse"><stop offset=".042" stop-color="#AFADA8"/><stop offset=".885" stop-color="#AFADA8" stop-opacity="0"/></radialGradient><radialGradient id="iwjsO4c" cx="0" cy="0" r="1" gradientTransform="rotate(124.086 4.596 19.658)scale(2.50921 3.81653)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#ADA0F1"/></radialGradient><radialGradient id="iEwzYup" cx="0" cy="0" r="1" gradientTransform="matrix(1.60937 1.21875 -.93297 1.232 21.281 26.68)" gradientUnits="userSpaceOnUse"><stop offset=".042" stop-color="#E5CCEF"/><stop offset=".885" stop-color="#E5CCEF" stop-opacity="0"/></radialGradient><radialGradient id="iv7onwb" cx="0" cy="0" r="1" gradientTransform="rotate(-37.826 25.678 -10.133)scale(12.7393 9.72104)" gradientUnits="userSpaceOnUse"><stop offset=".057" stop-color="#CDC7C7"/><stop offset="1" stop-color="#CDC7C7" stop-opacity="0"/></radialGradient><radialGradient id="icgocRb" cx="0" cy="0" r="1" gradientTransform="matrix(5.90519 -6.74995 5.3936 4.71858 11.204 14.056)" gradientUnits="userSpaceOnUse"><stop stop-color="#BEB4E8"/><stop offset="1" stop-color="#BEB4E8" stop-opacity="0"/></radialGradient><radialGradient id="ipxD2Ib" cx="0" cy="0" r="1" gradientTransform="matrix(3.03014 -4.0625 3.64702 2.72023 11.204 12.993)" gradientUnits="userSpaceOnUse"><stop stop-color="#A99DCA"/><stop offset="1" stop-color="#BEB4E8" stop-opacity="0"/></radialGradient><radialGradient id="iHuE43d" cx="0" cy="0" r="1" gradientTransform="matrix(4.65624 2.28127 -6.83397 13.94864 10.078 20.962)" gradientUnits="userSpaceOnUse"><stop offset=".054" stop-color="#AEA1BC"/><stop offset="1" stop-color="#AEA1BC" stop-opacity="0"/></radialGradient><radialGradient id="iQGQlLr" cx="0" cy="0" r="1" gradientTransform="matrix(6.78643 3.62537 -7.90217 14.7923 7.948 19.618)" gradientUnits="userSpaceOnUse"><stop offset=".054" stop-color="#AEA1BC"/><stop offset="1" stop-color="#AEA1BC" stop-opacity="0"/></radialGradient><radialGradient id="i4SxLfP" cx="0" cy="0" r="1" gradientTransform="matrix(8.75 3.5 -6.6245 16.56124 14.922 13.556)" gradientUnits="userSpaceOnUse"><stop stop-color="#CDC7C7"/><stop offset="1" stop-color="#CDC7C7" stop-opacity="0"/></radialGradient><radialGradient id="iwbeASb" cx="0" cy="0" r="1" gradientTransform="matrix(8.375 0 0 23 9.86 17.056)" gradientUnits="userSpaceOnUse"><stop stop-color="#AEA1BC"/><stop offset="1" stop-color="#AEA1BC" stop-opacity="0"/></radialGradient><radialGradient id="isHbAHb" cx="0" cy="0" r="1" gradientTransform="rotate(151.579 12.872 9.807)scale(6.04055 13.7133)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient><filter id="idQKgJe" width="12.091" height="12.092" x="9.954" y="4.213" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7145_6142" stdDeviation=".625"/></filter><filter id="i7oKnGd" width="12.503" height="12.503" x="9.609" y="15.685" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7145_6142" stdDeviation=".625"/></filter><filter id="ifeAyzc" width="17.127" height="15.909" x="11.984" y="8.045" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7145_6142" stdDeviation=".625"/></filter><filter id="i0FwgVe" width="11.531" height="9.281" x="12.672" y="16.056" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7145_6142" stdDeviation="1"/></filter><filter id="iANZTwc" width="7.344" height="2.656" x="1.766" y="14.524" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7145_6142" stdDeviation=".5"/></filter><linearGradient id="iHLJied" x1="4.859" x2="16.609" y1="19.493" y2="19.493" gradientUnits="userSpaceOnUse"><stop stop-color="#C4B5BE"/><stop offset="1" stop-color="#C4B5BE" stop-opacity="0"/></linearGradient><linearGradient id="iYtMhab" x1="30.297" x2="24.261" y1="28.993" y2="20.244" gradientUnits="userSpaceOnUse"><stop offset=".103" stop-color="#B6A8F2"/><stop offset="1" stop-color="#B6A8F2" stop-opacity="0"/></linearGradient><linearGradient id="iTXwjLe" x1="8.797" x2="10.672" y1="7.681" y2="9.368" gradientUnits="userSpaceOnUse"><stop stop-color="#AEA3A5"/><stop offset="1" stop-color="#AEA3A5" stop-opacity="0"/></linearGradient><linearGradient id="iMfrNgo" x1="19.672" x2="23.172" y1="26.806" y2="16.931" gradientUnits="userSpaceOnUse"><stop offset=".103" stop-color="#B6A8F2"/><stop offset="1" stop-color="#B6A8F2" stop-opacity="0"/></linearGradient><linearGradient id="iuzFwed" x1="19.797" x2="14.641" y1="22.837" y2="19.087" gradientUnits="userSpaceOnUse"><stop stop-color="#AEA3E4"/><stop offset="1" stop-color="#AEA3E4" stop-opacity="0"/></linearGradient></defs></g></svg>Cara memakai ikon Dashing Away
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:dashing-away" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:dashing-away" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:dashing-away" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--dashing-away]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:dashing-away"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:dashing-away"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/dashing-away.svg" alt="Ikon Dashing Away" width="24" height="24">Ikon Dashing Away di set ikon lain
FAQ Ikon Dashing Away
Apakah ikon Dashing Away gratis untuk penggunaan komersial?
Ya. Fluent Emoji icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Dashing Away di React?
Pasang @iconify/react lalu render <Icon icon="fluent-emoji:dashing-away" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Dashing Away ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-emoji/dashing-away.svg" alt="Ikon Dashing Away">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.