collision emoji
collision from Noto Emoji by Google Inc · Default · Smileys & Emotion · Apache-2.0 Free for personal and commercial use.
- Name
- collision
- Set
- Noto Emoji
- Style
- Default
- Category
- Smileys & Emotion
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
More smileys & emotion icons from Noto Emoji
alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-faceconfounded-faceconfused-facecowboy-hat-facecracking-facecrying-catcrying-face
Use the collision emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ffa000" stroke="#f44336" stroke-miterlimit="10" stroke-width="3" d="m68.27 8.51l15.84 33.16l35.33-31.88l-18.06 45.64l19.67-5.31l-18.65 26.51l17.03 5.87l-17.4 8.27l16.93 29.03l-32.19-19.91l-6.9 21.54L69.65 98.4l-29 21.78l8.82-24.85l-39.97 8.04L39.42 81.1L7.89 58.4l35.96 3.11L10.6 10.52L64 45.51z"/><radialGradient id="SVGGoNsJxos" cx="77.587" cy="75.735" r="26.365" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fffde7"/><stop offset="1" stop-color="#fff176"/></radialGradient><path fill="url(#SVGGoNsJxos)" stroke="#ffeb3b" stroke-miterlimit="10" stroke-width="2" d="m72.63 34.77l9.54 24.71l18.88-21.31l-14.19 29.74l17.21-5.17l-15.95 15.85l13.36 4.39l-12.8 1.89l10.19 14.44l-16.56-10.58l-3.81 12.32l-5.87-14.09l-14.65 11.16L64 84.45l-23 5.02l16.95-10.28l-22.11-10.63l24.49 2.28l-20.11-31.55L71.1 60.17z"/></svg>
React
import type { SVGProps } from "react";
export function NotoCollision(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ffa000" stroke="#f44336" strokeMiterlimit="10" strokeWidth="3" d="m68.27 8.51l15.84 33.16l35.33-31.88l-18.06 45.64l19.67-5.31l-18.65 26.51l17.03 5.87l-17.4 8.27l16.93 29.03l-32.19-19.91l-6.9 21.54L69.65 98.4l-29 21.78l8.82-24.85l-39.97 8.04L39.42 81.1L7.89 58.4l35.96 3.11L10.6 10.52L64 45.51z"/><radialGradient id="SVGGoNsJxos" cx="77.587" cy="75.735" r="26.365" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#fffde7"/><stop offset="1" stopColor="#fff176"/></radialGradient><path fill="url(#SVGGoNsJxos)" stroke="#ffeb3b" strokeMiterlimit="10" strokeWidth="2" d="m72.63 34.77l9.54 24.71l18.88-21.31l-14.19 29.74l17.21-5.17l-15.95 15.85l13.36 4.39l-12.8 1.89l10.19 14.44l-16.56-10.58l-3.81 12.32l-5.87-14.09l-14.65 11.16L64 84.45l-23 5.02l16.95-10.28l-22.11-10.63l24.49 2.28l-20.11-31.55L71.1 60.17z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ffa000" stroke="#f44336" stroke-miterlimit="10" stroke-width="3" d="m68.27 8.51l15.84 33.16l35.33-31.88l-18.06 45.64l19.67-5.31l-18.65 26.51l17.03 5.87l-17.4 8.27l16.93 29.03l-32.19-19.91l-6.9 21.54L69.65 98.4l-29 21.78l8.82-24.85l-39.97 8.04L39.42 81.1L7.89 58.4l35.96 3.11L10.6 10.52L64 45.51z"/><radialGradient id="SVGGoNsJxos" cx="77.587" cy="75.735" r="26.365" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fffde7"/><stop offset="1" stop-color="#fff176"/></radialGradient><path fill="url(#SVGGoNsJxos)" stroke="#ffeb3b" stroke-miterlimit="10" stroke-width="2" d="m72.63 34.77l9.54 24.71l18.88-21.31l-14.19 29.74l17.21-5.17l-15.95 15.85l13.36 4.39l-12.8 1.89l10.19 14.44l-16.56-10.58l-3.81 12.32l-5.87-14.09l-14.65 11.16L64 84.45l-23 5.02l16.95-10.28l-22.11-10.63l24.49 2.28l-20.11-31.55L71.1 60.17z"/></svg> </template>
CSS
.icon-collision {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23ffa000%22%20stroke%3D%22%23f44336%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%223%22%20d%3D%22m68.27%208.51l15.84%2033.16l35.33-31.88l-18.06%2045.64l19.67-5.31l-18.65%2026.51l17.03%205.87l-17.4%208.27l16.93%2029.03l-32.19-19.91l-6.9%2021.54L69.65%2098.4l-29%2021.78l8.82-24.85l-39.97%208.04L39.42%2081.1L7.89%2058.4l35.96%203.11L10.6%2010.52L64%2045.51z%22%2F%3E%3CradialGradient%20id%3D%22SVGGoNsJxos%22%20cx%3D%2277.587%22%20cy%3D%2275.735%22%20r%3D%2226.365%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fffde7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff176%22%2F%3E%3C%2FradialGradient%3E%3Cpath%20fill%3D%22url(%23SVGGoNsJxos)%22%20stroke%3D%22%23ffeb3b%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22m72.63%2034.77l9.54%2024.71l18.88-21.31l-14.19%2029.74l17.21-5.17l-15.95%2015.85l13.36%204.39l-12.8%201.89l10.19%2014.44l-16.56-10.58l-3.81%2012.32l-5.87-14.09l-14.65%2011.16L64%2084.45l-23%205.02l16.95-10.28l-22.11-10.63l24.49%202.28l-20.11-31.55L71.1%2060.17z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23ffa000%22%20stroke%3D%22%23f44336%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%223%22%20d%3D%22m68.27%208.51l15.84%2033.16l35.33-31.88l-18.06%2045.64l19.67-5.31l-18.65%2026.51l17.03%205.87l-17.4%208.27l16.93%2029.03l-32.19-19.91l-6.9%2021.54L69.65%2098.4l-29%2021.78l8.82-24.85l-39.97%208.04L39.42%2081.1L7.89%2058.4l35.96%203.11L10.6%2010.52L64%2045.51z%22%2F%3E%3CradialGradient%20id%3D%22SVGGoNsJxos%22%20cx%3D%2277.587%22%20cy%3D%2275.735%22%20r%3D%2226.365%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fffde7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff176%22%2F%3E%3C%2FradialGradient%3E%3Cpath%20fill%3D%22url(%23SVGGoNsJxos)%22%20stroke%3D%22%23ffeb3b%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22m72.63%2034.77l9.54%2024.71l18.88-21.31l-14.19%2029.74l17.21-5.17l-15.95%2015.85l13.36%204.39l-12.8%201.89l10.19%2014.44l-16.56-10.58l-3.81%2012.32l-5.87-14.09l-14.65%2011.16L64%2084.45l-23%205.02l16.95-10.28l-22.11-10.63l24.49%202.28l-20.11-31.55L71.1%2060.17z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/collision.svg?color=%231a73e8&size=48
