Иконка Collision
fluent-emoji:collision
Иконка Collision (fluent-emoji:collision) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iISHvHb)"><path fill="url(#iVJsfhe)" d="M9.453 11.18L6.526 2.291a.25.25 0 0 1 .393-.275l7.143 5.657a.5.5 0 0 0 .702-.081l2.618-3.301a.25.25 0 0 1 .444.123l.551 4.264a.5.5 0 0 0 .642.414l7.212-2.203c.238-.073.425.21.263.401l-4.63 5.448a.5.5 0 0 0 .137.76l7.277 4.059c.218.12.144.45-.105.467l-8.258.555a.5.5 0 0 0-.436.671l1.563 4.265a.25.25 0 0 1-.383.288l-3.697-2.725a.5.5 0 0 0-.756.206l-3.592 8.447c-.097.23-.434.19-.476-.056l-1.689-9.885a.5.5 0 0 0-.608-.402l-7.807 1.85c-.257.061-.42-.266-.217-.435l5.538-4.615a.5.5 0 0 0-.094-.83l-3.954-2.013a.25.25 0 0 1 .058-.466l4.722-1.057a.5.5 0 0 0 .366-.644"/><path fill="url(#iJeoW1P)" d="M9.453 11.18L6.526 2.291a.25.25 0 0 1 .393-.275l7.143 5.657a.5.5 0 0 0 .702-.081l2.618-3.301a.25.25 0 0 1 .444.123l.551 4.264a.5.5 0 0 0 .642.414l7.212-2.203c.238-.073.425.21.263.401l-4.63 5.448a.5.5 0 0 0 .137.76l7.277 4.059c.218.12.144.45-.105.467l-8.258.555a.5.5 0 0 0-.436.671l1.563 4.265a.25.25 0 0 1-.383.288l-3.697-2.725a.5.5 0 0 0-.756.206l-3.592 8.447c-.097.23-.434.19-.476-.056l-1.689-9.885a.5.5 0 0 0-.608-.402l-7.807 1.85c-.257.061-.42-.266-.217-.435l5.538-4.615a.5.5 0 0 0-.094-.83l-3.954-2.013a.25.25 0 0 1 .058-.466l4.722-1.057a.5.5 0 0 0 .366-.644"/></g><g filter="url(#ioMtOgc)"><path fill="#A2131B" d="m10.81 15.5l-1.653 1.544c-.183.17-.03.473.216.428l3.062-.565a.25.25 0 0 1 .295.23l.3 4.759c.019.279.404.337.503.076l1.573-4.134a.25.25 0 0 1 .395-.102l1.392 1.18a.25.25 0 0 0 .405-.25l-.462-1.925a.25.25 0 0 1 .26-.308l5.262.346c.225.015.3-.294.092-.383l-4.993-2.138a.25.25 0 0 1-.12-.351l.89-1.596a.25.25 0 0 0-.298-.36l-1.952.647a.25.25 0 0 1-.329-.24l.062-3.754c.005-.267-.355-.354-.474-.116l-1.327 2.667a.25.25 0 0 1-.375.088l-2.445-1.85a.25.25 0 0 0-.391.27l.927 3.195a.25.25 0 0 1-.192.315l-2.666.518a.25.25 0 0 0-.056.473l2.033.926a.25.25 0 0 1 .067.41"/></g><g filter="url(#ihb7wnb)"><path fill="#FFB628" d="M12.539 15.318L11.11 16.65c-.182.17-.03.474.216.428l2.694-.497a.25.25 0 0 1 .295.23l.266 4.209c.017.279.403.337.502.076l1.385-3.642a.25.25 0 0 1 .395-.101l1.195 1.011a.25.25 0 0 0 .404-.249l-.398-1.66a.25.25 0 0 1 .26-.309l4.666.308c.224.014.298-.295.091-.384l-4.435-1.9a.25.25 0 0 1-.12-.35l.77-1.385a.25.25 0 0 0-.296-.359l-1.697.562a.25.25 0 0 1-.329-.241l.055-3.294c.004-.267-.355-.354-.474-.116l-1.155 2.32a.25.25 0 0 1-.375.088l-2.155-1.63a.25.25 0 0 0-.391.27l.82 2.826a.25.25 0 0 1-.193.315l-2.34.455a.25.25 0 0 0-.055.473l1.761.802a.25.25 0 0 1 .067.41"/></g><g filter="url(#iLHaV0s)"><path stroke="url(#iZtw73n)" stroke-linecap="round" stroke-width=".25" d="m8 3.5l5.344 4.422"/></g><g filter="url(#ieaW1BX)"><path stroke="url(#iVwPC2c)" stroke-linecap="round" stroke-width=".25" d="m17.511 5.5l.444 3.282a.67.67 0 0 0 .846.554v0"/></g><g filter="url(#iadOHsc)"><path stroke="url(#iKoeY8d)" stroke-linecap="round" stroke-width=".25" d="M16.711 9.5v2.875c0 .224.182.406.407.406v0"/></g><g filter="url(#i1RLCED)"><path stroke="url(#ii1ps5j)" stroke-linecap="round" stroke-width=".25" d="m18.781 12.75l-.535 1.006a.5.5 0 0 0 .228.687l3.026 1.432"/></g><g filter="url(#icMA5mj)"><path stroke="url(#i7ZmuPb)" stroke-linecap="round" stroke-opacity=".6" stroke-width=".25" d="M21.515 23.344L20.06 19.5"/></g><g filter="url(#iq6bQyc)"><path stroke="url(#iw9NEYe)" stroke-linecap="round" stroke-width=".25" d="m28.14 17.21l-6.459-3.56a1.165 1.165 0 0 1-.595-1.15v0"/></g><g filter="url(#iWEvbme)"><path stroke="url(#iSGTVAe)" stroke-linecap="round" stroke-width=".25" d="m13 10.5l1.906 1.547"/></g><g filter="url(#i7J8bIb)"><path stroke="url(#iHJp9KX)" stroke-linecap="round" stroke-width=".25" d="M16.313 17L15 20.563"/></g><g filter="url(#iQ0cG8b)"><path stroke="url(#i6Y88se)" stroke-linecap="round" stroke-width=".25" d="m17.5 15.75l.547 1.969"/></g><g filter="url(#iuTR0kA)"><ellipse cx="18.817" cy="12.49" fill="url(#iFbFQIL)" rx=".218" ry=".475" transform="rotate(45.133 18.817 12.49)"/></g><defs><filter id="iISHvHb" width="26.831" height="28.072" x="2.725" y="1.962" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15" dy=".15"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.770833 0 0 0 0 0.102778 0 0 0 0 0.344827 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_7139_6201"/></filter><filter id="ioMtOgc" width="18.008" height="17.79" x="6.564" y="6.349" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6201" stdDeviation="1"/></filter><filter id="ihb7wnb" width="12.789" height="12.665" x="10.564" y="8.849" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15" dy=".25"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.966667 0 0 0 0 0.507026 0 0 0 0 0 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_7139_6201"/></filter><filter id="iLHaV0s" width="6.094" height="5.172" x="7.625" y="3.125" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6201" stdDeviation=".125"/></filter><filter id="ieaW1BX" width="1.948" height="4.612" x="17.136" y="5.125" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6201" stdDeviation=".125"/></filter><filter id="iadOHsc" width="1.031" height="4.031" x="16.336" y="9.125" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6201" stdDeviation=".125"/></filter><filter id="i1RLCED" width="4.063" height="3.875" x="17.812" y="12.375" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6201" stdDeviation=".125"/></filter><filter id="icMA5mj" width="2.203" height="4.594" x="19.686" y="19.125" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6201" stdDeviation=".125"/></filter><filter id="iq6bQyc" width="7.812" height="5.35" x="20.704" y="12.236" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6201" stdDeviation=".125"/></filter><filter id="iWEvbme" width="2.656" height="2.297" x="12.625" y="10.125" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6201" stdDeviation=".125"/></filter><filter id="i7J8bIb" width="2.063" height="4.313" x="14.625" y="16.625" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6201" stdDeviation=".125"/></filter><filter id="iQ0cG8b" width="1.297" height="2.719" x="17.125" y="15.375" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6201" stdDeviation=".125"/></filter><filter id="iuTR0kA" width=".941" height=".939" x="18.347" y="12.021" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7139_6201" stdDeviation=".05"/></filter><linearGradient id="iVJsfhe" x1="18.953" x2="16.008" y1="28.859" y2="-1.891" gradientUnits="userSpaceOnUse"><stop stop-color="#E81123"/><stop offset=".372" stop-color="#EA0A4F"/><stop offset=".807" stop-color="#EC008C"/></linearGradient><linearGradient id="iJeoW1P" x1="18.985" x2="19.75" y1="12.381" y2="-8.838" gradientUnits="userSpaceOnUse"><stop offset=".297" stop-color="#A11749" stop-opacity="0"/><stop offset=".774" stop-color="#A21749"/><stop offset=".818" stop-color="#A21749"/></linearGradient><linearGradient id="iZtw73n" x1="13.625" x2="9.363" y1="8.266" y2="6.128" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5696"/><stop offset="1" stop-color="#FF5696" stop-opacity="0"/></linearGradient><linearGradient id="iVwPC2c" x1="16.886" x2="14.228" y1="9.313" y2="5.283" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5696"/><stop offset="1" stop-color="#FF5696" stop-opacity="0"/></linearGradient><linearGradient id="iKoeY8d" x1="16.836" x2="16.915" y1="10.578" y2="8.438" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD530"/><stop offset="1" stop-color="#FFD530" stop-opacity="0"/></linearGradient><linearGradient id="ii1ps5j" x1="21.859" x2="16.172" y1="15.328" y2="11.672" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD530" stop-opacity="0"/><stop offset=".412" stop-color="#FFD530"/><stop offset="1" stop-color="#FFD530" stop-opacity="0"/></linearGradient><linearGradient id="i7ZmuPb" x1="20.061" x2="25.393" y1="19.609" y2="26.022" gradientUnits="userSpaceOnUse"><stop offset=".167" stop-color="#FF5C7A"/><stop offset=".75" stop-color="#FF5C7A" stop-opacity="0"/></linearGradient><linearGradient id="iw9NEYe" x1="21.797" x2="29.718" y1="14.086" y2="15.317" gradientUnits="userSpaceOnUse"><stop stop-color="#FF3E87"/><stop offset="1" stop-color="#FF3E87" stop-opacity="0"/></linearGradient><linearGradient id="iSGTVAe" x1="14.875" x2="13.109" y1="12.594" y2="10.844" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD530"/><stop offset="1" stop-color="#FFD530" stop-opacity="0"/></linearGradient><linearGradient id="iHJp9KX" x1="15.906" x2="17.172" y1="19.859" y2="16.703" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD530"/><stop offset="1" stop-color="#FFD530" stop-opacity="0"/></linearGradient><linearGradient id="i6Y88se" x1="18.547" x2="17.68" y1="17.609" y2="14.438" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD530"/><stop offset="1" stop-color="#FFD530" stop-opacity="0"/></linearGradient><linearGradient id="iFbFQIL" x1="18.817" x2="18.689" y1="12.015" y2="12.878" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD530"/><stop offset="1" stop-color="#FFD530" stop-opacity="0"/></linearGradient></defs></g></svg>Как использовать иконку Collision
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:collision" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:collision" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:collision" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--collision]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:collision"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:collision"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/collision.svg" alt="Иконка Collision" width="24" height="24">Иконка Collision в других наборах
Вопросы и ответы: Иконка Collision
Можно ли бесплатно использовать иконку Collision в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Collision в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:collision" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Collision на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/collision.svg" alt="Иконка Collision">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.