Collision アイコン
emojione-v1:collision
Collision アイコン(emojione-v1:collision)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 自然
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#fbb041" d="M38.24 19.309L38.2 8.15l-5.674 7.29l-4.913-10.989l-1.75 15.347l-12.715-1.758l6.785 6.553l-15.04 2.839l14.442 3.618l-15.04 16.851l20.881-11.458l.03 11.161l5.691-7.294l4.912 10.99l1.749-15.347l12.708 1.759l-6.783-6.552l15.04-2.84l-14.44-3.612l15.04-16.853z"/><path fill="#fff" d="m34.967 23.605l-.018-5.555l-2.829 3.63l-2.449-5.476l-.88 7.645l-6.329-.874l3.379 3.265l-7.49 1.414l7.196 1.804l-7.497 8.396l10.406-5.714l.018 5.564L31.3 34.07l2.45 5.482l.882-7.651l6.333.876l-3.379-3.263L45.08 28.1l-7.204-1.802l7.494-8.399z"/><path fill="#df394c" d="M63.7 4.24L45.896 24.19l17.04 4.259l-17.415 3.289l7.569 7.314l-14.587-2.02l-2.075 18.16l-5.776-12.915l-6.481 8.306l-.034-12.466L-.276 51.513l17.804-19.95l-17.03-4.265l17.412-3.292l-7.572-7.31l14.595 2.02L27.007.546l5.77 12.923l6.479-8.311l.039 12.471L63.703 4.236M41.463 30.58l12.661-2.391l-11.852-2.968L54.55 11.467L37.2 20.984l-.03-9.852l-4.891 6.273l-4.053-9.06l-1.43 12.526l-10.838-1.493l6 5.789l-12.66 2.391l11.856 2.964L8.87 44.282l17.354-9.521l.024 9.856l4.895-6.273l4.049 9.06l1.439-12.532l10.831 1.501z"/></svg>
Collision アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:collision" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:collision" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:collision" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--collision]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:collision"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:collision"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/collision.svg" alt="Collision アイコン" width="24" height="24">
他のアイコンセットの Collision アイコン
Collision アイコン のよくある質問
Collision アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Collision アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:collision" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Collision アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/collision.svg" alt="Collision アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
