Files
housesof/src/components/SVGSprite.svelte
Félix Péault 73c9e80a21 Use SVG icons from global symbols
Allow to change color and avoid code duplication
2021-11-10 22:57:50 +01:00

19 lines
9.3 KiB
Svelte

<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<defs>
<symbol id="icon-bag" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.32 6.72a5.3 5.3 0 0 1 1.32-3.67 4 4 0 0 1 3-1.28c2.2.02 4.27 1.78 4.3 4.95h4.42c.64 0 1.15.54 1.1 1.18l-.02.34 2.86 19.49a1 1 0 0 1-1.34 1.1l-1.1-.4a.1.1 0 0 0-.08 0l-1.96 1.3a1.1 1.1 0 0 1-1.1.93H5.82a1.1 1.1 0 0 1-1.1-1.2L6.34 7.75a1.1 1.1 0 0 1 1.1-1.02h3.88Zm1.28 0c.02-1.3.43-2.2.98-2.79.56-.6 1.3-.88 2.05-.88 1.44.01 3 1.15 3.04 3.67H12.6ZM19.95 8h4.22l-.02.28-1.59 21.1H6L7.6 8h3.72v3.65a1.47 1.47 0 0 0 .64 2.8 1.47 1.47 0 0 0 .64-2.8V8h6.07v3.65a1.47 1.47 0 0 0 .64 2.8 1.47 1.47 0 0 0 .64-2.8V8Zm4 20.1L25 14.07l1.97 13.39-.67-.24c-.4-.15-.86-.1-1.23.14l-1.13.74ZM12.3 12.98a.35.35 0 1 1-.7 0 .35.35 0 0 1 .7 0Zm7 .35a.35.35 0 1 0 0-.7.35.35 0 0 0 0 .7Z"/>
</symbol>
<symbol id="icon-photos" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.01 7.5a2.19 2.19 0 0 1 1.95-2.4L22.74 3c1.2-.12 2.27.74 2.4 1.93l3.8.22a2.19 2.19 0 0 1 2.05 2.34l-1.11 15.26a2.19 2.19 0 0 1-2.26 2.02l-.4-.01a2.19 2.19 0 0 1-1.94 2.38L5.5 29.22a2.19 2.19 0 0 1-2.4-1.94L1 7.5Zm26.09 16L25.28 6.2l3.59.2c.52.03.92.49.88 1l-1.12 15.27a.94.94 0 0 1-.97.87l-.56-.03ZM3.09 6.33a.94.94 0 0 0-.83 1.04l1.4 13.34 3-.31-.4-3.87c-.04-.41.1-.83.4-1.13l4.26-4.31c.25-.25.57-.39.9-.42a.62.62 0 0 1 .2-.05L16 10.2c.2-.02.42.03.59.14l4.88 3.26c.54.36.49 1.1.05 1.44l.4 3.76 3.35-.36h.04L23.9 5.1a.94.94 0 0 0-1.04-.83L3.1 6.33Zm17.88 15.3-.68-6.33-1.94.2.65 6.18v.16l1.97-.2Zm-5.58 1.84 1.92-.2h.01l4.15-.43a.89.89 0 0 0 .79-.98l-.2-1.82 3.34-.35h.04l.54 5.18a.94.94 0 0 1-.83 1.03L5.37 27.98a.94.94 0 0 1-1.04-.83l-.54-5.2 3-.3.15 1.3a1.4 1.4 0 0 0 1.54 1.25l2.26-.24a1.4 1.4 0 0 0 1.25-1.54l-.3-2.73a.91.91 0 0 1 .85-.98.91.91 0 0 1 1.02.78l.29 2.73a1.4 1.4 0 0 0 1.54 1.25Zm-.59-4.1.3 2.72c0 .09.08.15.16.14l2.36-.25c.08 0 .14-.08.13-.17l-.67-6.42a.16.16 0 0 0-.07-.1l-5-3.34a.15.15 0 0 0-.2.02l-4.26 4.3a.15.15 0 0 0-.04.13l.67 6.42c0 .09.09.15.17.14l2.25-.24c.09 0 .15-.08.14-.17l-.28-2.73a2.16 2.16 0 0 1 1.95-2.35c1.18-.13 2.27.7 2.4 1.9Zm3-5.07 2.13-.22L16 11.45l-2.14.23 3.84 2.56.1.06Z"/>
</symbol>
<symbol id="icon-globe" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.77 30.375a.796.796 0 0 0 0-1.59h-5.791a.796.796 0 0 0 0 1.59h5.79Zm5.205-8.323a.508.508 0 1 1 .598.822 12.856 12.856 0 0 1-8.19 2.463v2.432h2.387a1.812 1.812 0 0 1 0 3.622h-5.791a1.813 1.813 0 0 1-1.811-1.81c0-1 .812-1.812 1.81-1.812h2.388V25.25C8.97 24.465 4 19.003 4 12.398c0-5.135 3.037-9.79 7.737-11.86a.508.508 0 0 1 .41.93 11.948 11.948 0 0 0-7.13 10.93c0 6.582 5.354 11.937 11.936 11.937 2.544 0 4.973-.79 7.022-2.283Zm1.671-8.425c-.04.088.044.246.14.355a8.865 8.865 0 0 1-.062.325c-.467-.391-.423.015-.111.454-1.042 3.83-4.547 6.656-8.703 6.656a8.992 8.992 0 0 1-6.528-2.807 8.977 8.977 0 0 1-2.455-5.438 9.032 9.032 0 0 1-.035-.774c0-.247.012-.491.032-.733a8.959 8.959 0 0 1 1.242-3.882 9.261 9.261 0 0 1 .137-.22c.103.075.22.124.367.073l-.005-.019c-.01-.04-.031-.131-.11-.21l.212-.091c-.046-.01-.123-.105-.167-.19l.032-.045.045-.064c.013.007.025.013.04.023.296.163.38-.082.157-.274a9.051 9.051 0 0 1 .87-.94.42.42 0 0 1-.085.268c.335-.193.815.28.124.227.208.183.201.293.186.528l-.01.166c.115.352.587 1.162.972.793.093-.092.122-.207.15-.325.035-.14.07-.285.216-.406.23-.032.39-.146.555-.262.143-.102.29-.206.49-.261.248-.021.778-.188.563-.59-.092-.15-.037-.273.03-.422.035-.08.074-.168.095-.271.008-.07.008-.136.009-.201 0-.17.002-.331.134-.498.036-.09.143-.15.245-.21.151-.085.292-.166.18-.324-.097-.052-.211-.02-.324.012-.164.046-.323.09-.415-.13l-.001-.002-.003-.002-.002-.002a8.98 8.98 0 0 1 3.057-.535c2.021 0 3.89.669 5.395 1.796l-.006.002a2.333 2.333 0 0 0-.102.046c-.455.032-1.354.861-.52 1.03-.08-.474.146-.637.55-.825a.232.232 0 0 0 .05-.036l.075-.06a.459.459 0 0 1 .039-.02 1.1 1.1 0 0 0 .077-.003h.006c.384.3.743.631 1.073.99l-.016.006a.313.313 0 0 1-.059.016 9.086 9.086 0 0 1-.227-.223c-.146-.146-.223-.223-.3-.223-.085 0-.17.095-.35.296-.057.064-.124.14-.204.225-.383-.033-.61.053-.972.297-.63.032-.938.195-1.514.598-.2.164-.669-.174-.423-.387a.465.465 0 0 1 .217-.006c.115.015.233.03.366-.098.19-.858-1.654-.6-2.028-.299-1.908.993-.927 2.285-.275 1.9.049-.114.057-.244.066-.377.016-.229.032-.464.255-.636.424-.4.356-.19.269.078a1.72 1.72 0 0 0-.086.333c.2.314.115.494-.189.75-.267.22-.609.27-.947.32-.466.069-.925.137-1.172.644.013.466-.12.498-.315.546-.099.025-.213.053-.334.143-.358.541.215.92.713.638.135-.112.245-.235.345-.347.299-.336.512-.576 1.091-.136.019.016.024.019.037.027.013.008.036.021.092.061a.286.286 0 0 1 .064.08c-.33.426.457.161.086-.193-.267-.201-.303-.716.167-.19.06.054.096.142.13.228.056.139.11.27.263.247.244-.188.3-.105.387.022.06.089.136.199.3.254.714-.088.815.34.215.602-.184.06-.384.015-.596-.033a2.968 2.968 0 0 0-.329-.062c-.313.112-.693.205-.931-.094-.22-.608-.814-.438-1.368-.28-.167.047-.331.094-.48.118-.21.084-.267.25-.33.43-.05.142-.101.291-.232.415-.68.57-.466 1.916.432 2.195.523.076.864.037 1.105.01.513-.06.57-.066.96 1.2-.15 1.696.675 4.224 1.987 1.703a.654.654 0 0 0 .185-.316c.024-.071.051-.152.105-.252l.026-.027c.208-.219.384-.404.305-.768-.197-.696.119-1.056.418-1.397.191-.218.376-.429.417-.714-.676.14-1.656-1.332-1.501-1.813.255.093.473.461.679.81.227.384.44.743.67.678.047-.027.114-.062.193-.103.428-.222 1.196-.62.81-.901-1.015.11-1.407-1.25-.307-.374 1.612.191 1.797.792 1.939 1.25.082.266.149.484.473.544.25-.572 1.236-2.107 1.387-.584.356-.344.377-.098.41.28.005.068.012.142.02.217Zm.209-.095v-.002a.197.197 0 0 0-.012.098l.012-.095ZM16.911 2.363c-5.533 0-10.035 4.502-10.035 10.035s4.502 10.035 10.035 10.035 10.035-4.502 10.035-10.035S22.444 2.363 16.91 2.363Zm-8.787 9.613c.008.04.051.156.157.093l.008.002.019.004a1.02 1.02 0 0 0-.007-.028c.039-.01-.051-.285-.08-.374l-.008-.022c-.027-.154.094-.253.22-.356.12-.098.246-.2.255-.36-.137-.224-.09-.252.108-.367l.098-.059c.08-.057.148-.127.214-.196.164-.169.318-.328.623-.266-.009.13.358 0 .541-.142-.019-.137-.048-.129-.27-.07l-.086.023a.426.426 0 0 1-.162-.278c-.021-.111-.023-.122-.465.117.054-.322.4-.374.72-.423.327-.05.625-.096.549-.421-.377-.166-.47-.378-.618-.713-.02-.049-.043-.1-.067-.153-.048.006-.106.045-.166.084-.124.083-.258.171-.332-.016a1.352 1.352 0 0 0-.209-.272 8.953 8.953 0 0 0-1.242 3.881c.1.053.173.147.2.312Zm3.313 5.31a1.25 1.25 0 0 1 .388-.317c.198-.12.39-.236.5-.58-.036-.198.075-.384.18-.56.15-.247.285-.473-.027-.684-.292-.127-.478-.15-.617-.169-.252-.033-.351-.046-.65-.605a1.588 1.588 0 0 1-.451-.208 1.566 1.566 0 0 0-.527-.227.414.414 0 0 1-.112-.127c-.05-.079-.096-.149-.268-.145-.123-.041-.25-.012-.375.016-.175.04-.346.08-.498-.08a1.539 1.539 0 0 0-.086.055c-.11.073-.234.157-.402.137a.484.484 0 0 0-.15-.035c-.109-.014-.235-.03-.325-.142.016-.255-.025-.381-.09-.443.02.226.047.45.082.672a.55.55 0 0 0 .36.093.878.878 0 0 0 .063.03c.167.21.07.463-.031.724-.045.116-.09.234-.113.35.071.232.153.46.242.683.089.144.209.259.327.372.22.21.433.413.416.785a3.417 3.417 0 0 0-.034.252c.33.532.714 1.026 1.143 1.477a.934.934 0 0 0 .119-.073c.124-.195.262-.354.401-.514.185-.212.373-.428.536-.737Zm8.996-1c.042-.178.083-.353.237-.373.607.44-.102 2.152-.284.55.019-.055.033-.116.047-.177ZM15.57 8.592a1.874 1.874 0 0 1-.146-.046c-.502-.359.508-.565.582-.223.007.192-.197.244-.315.274a.795.795 0 0 0-.052.015 4.061 4.061 0 0 0-.069-.02Zm-.815-1.488c-.054-.096-.097-.08-.182-.051a.805.805 0 0 1-.195.047.523.523 0 0 1-.177-.023c-.092-.023-.181-.045-.307.029.092.308.85.51.861-.002Zm1.1 2.07c-.132-.084-.23-.145-.186-.248.399-.373.853.09.277.306l-.09-.058Zm-5.297.03c-.354.025.18.781.409.424.01-.2-.254-.457-.409-.424Zm7.836-4.533c.322.012.404-.4-.054-.363-.218.059-.268.302.054.363Zm-.933.194c.31.024.36-.408-.07-.344-.213.057-.233.311.07.344Zm-2.198 4.188c.25-.05.233-.177-.012-.337-.135.095-.354.288.012.337Zm1.946 1.554c-.066-.114-.385-.09-.146.162l.146-.162Zm.928-5.719a.382.382 0 0 0 .081.038c-.128.148-.196.092-.26.04l-.025-.022c.077-.127.135-.095.204-.056Zm5.798 9.049c.013.115.254.056.078-.116a.884.884 0 0 1-.035.045c-.023.027-.04.048-.043.07Zm-5.2-2.841v.021l-.147.011v-.004l-.005-.059.147-.015.002.018.002.028Zm-1.65-2.51c.004.008-.005.01-.016.015-.023.01-.058.023-.003.096 0-.011.01-.017.02-.024.021-.012.046-.027-.001-.087Z"/>
</symbol>
<symbol id="icon-map-pin" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.853 21.36a1.014 1.014 0 0 1-1.813 0s-3.534-6.995-5.207-10.26c-1.674-3.263-.373-7.506 3.022-9.23 3.393-1.725 7.53-.373 9.204 3.03 1.023 2.052.977 4.244 0 6.202a2734.416 2734.416 0 0 1-5.206 10.259Zm2.37-13.243a3.239 3.239 0 0 0-3.254-3.264c-1.813 0-3.254 1.492-3.254 3.264a3.24 3.24 0 0 0 3.254 3.264 3.239 3.239 0 0 0 3.255-3.264Zm-5.68 16.364a.78.78 0 0 0 .06.092l-.158 2.208 5.877 1.904v-6.974c.562-1.06 1.233-2.321 1.91-3.593v10.567l5.876-1.904-.808-11.297-4.564 1.686c.422-.792.836-1.569 1.22-2.285l3.785-1.404c.575-.171 1.02.326 1.081.929l1.21 12a1.76 1.76 0 0 1-1.206 1.857l-7.55 2.421-7.823-2.43-8.41 2.43c-.295.066-.625.033-.882-.164s-.368-.46-.33-.755l1.872-13.07a.901.901 0 0 1 .625-.69l3.523-1.158c.263.51.53 1.033.794 1.559l-3.142 1.012-1.616 11.263 6.721-1.937.398-5.52a312.979 312.979 0 0 1 1.538 3.253Z"/>
</symbol>
</defs>
</svg>