Rocket アイコン

Q: Rocket アイコンは商用利用でも無料ですか?

はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fluent-emoji:rocket

Rocket アイコン(fluent-emoji:rocket)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent Emoji
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 32 × 32

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#ik9o6Ph)"><path fill="url(#iYKwEfC)" d="M10.582 13.718c1.2-.442 2.367.725 1.925 1.926L9.89 22.758a1 1 0 0 1-1.646.362l-5.138-5.138a1 1 0 0 1 .362-1.645z"/><path fill="url(#isnrH9d)" d="M10.582 13.718c1.2-.442 2.367.725 1.925 1.926L9.89 22.758a1 1 0 0 1-1.646.362l-5.138-5.138a1 1 0 0 1 .362-1.645z"/><path fill="url(#ifAEnmk)" d="M10.582 13.718c1.2-.442 2.367.725 1.925 1.926L9.89 22.758a1 1 0 0 1-1.646.362l-5.138-5.138a1 1 0 0 1 .362-1.645z"/><path fill="url(#iAtjq3c)" d="M16.582 19.718c1.2-.442 2.367.725 1.925 1.926l-2.619 7.114a1 1 0 0 1-1.645.362l-5.138-5.138a1 1 0 0 1 .362-1.645z"/><path fill="url(#iVfvKyc)" d="M16.582 19.718c1.2-.442 2.367.725 1.925 1.926l-2.619 7.114a1 1 0 0 1-1.645.362l-5.138-5.138a1 1 0 0 1 .362-1.645z"/><path fill="url(#iQQLY2K)" d="M16.582 19.718c1.2-.442 2.367.725 1.925 1.926l-2.619 7.114a1 1 0 0 1-1.645.362l-5.138-5.138a1 1 0 0 1 .362-1.645z"/><g filter="url(#iu5OxTc)"><path fill="url(#imx54ob)" d="M22.4 3.55a.15.15 0 0 1 .162.034l5.885 5.93a.15.15 0 0 1 .033.162c-1.41 3.46-3.353 7.14-5.954 9.742c-2.534 2.534-6.82 4.693-10.69 6.281l-5.491-5.492c1.588-3.87 3.747-8.155 6.281-10.689c2.61-2.61 6.304-4.557 9.773-5.967"/><path fill="url(#i8gIP4c)" d="M22.4 3.55a.15.15 0 0 1 .162.034l5.885 5.93a.15.15 0 0 1 .033.162c-1.41 3.46-3.353 7.14-5.954 9.742c-2.534 2.534-6.82 4.693-10.69 6.281l-5.491-5.492c1.588-3.87 3.747-8.155 6.281-10.689c2.61-2.61 6.304-4.557 9.773-5.967"/><path fill="url(#iIxrmRd)" d="M22.4 3.55a.15.15 0 0 1 .162.034l5.885 5.93a.15.15 0 0 1 .033.162c-1.41 3.46-3.353 7.14-5.954 9.742c-2.534 2.534-6.82 4.693-10.69 6.281l-5.491-5.492c1.588-3.87 3.747-8.155 6.281-10.689c2.61-2.61 6.304-4.557 9.773-5.967"/><path fill="url(#i5N0OGe)" d="M22.4 3.55a.15.15 0 0 1 .162.034l5.885 5.93a.15.15 0 0 1 .033.162c-1.41 3.46-3.353 7.14-5.954 9.742c-2.534 2.534-6.82 4.693-10.69 6.281l-5.491-5.492c1.588-3.87 3.747-8.155 6.281-10.689c2.61-2.61 6.304-4.557 9.773-5.967"/><path fill="url(#iNRQXae)" d="M22.4 3.55a.15.15 0 0 1 .162.034l5.885 5.93a.15.15 0 0 1 .033.162c-1.41 3.46-3.353 7.14-5.954 9.742c-2.534 2.534-6.82 4.693-10.69 6.281l-5.491-5.492c1.588-3.87 3.747-8.155 6.281-10.689c2.61-2.61 6.304-4.557 9.773-5.967"/></g><g filter="url(#iCZLxfc)"><path fill="url(#iSzRDOb)" d="M24.5 11.062a3.36 3.36 0 1 1-6.719 0a3.36 3.36 0 0 1 6.719 0"/><path fill="url(#iaUMiFb)" d="M24.5 11.062a3.36 3.36 0 1 1-6.719 0a3.36 3.36 0 0 1 6.719 0"/></g><path fill="url(#ilDxLpe)" d="M23.466 11.062a2.326 2.326 0 1 1-4.651 0a2.326 2.326 0 0 1 4.651 0"/><g filter="url(#ijQucVJ)"><path fill="url(#ikXHCqi)" d="M2.423 29.533C1.716 28.826 2 23.922 4.5 22.922c0 0 2.5-1 4.111.6s.889 3.4.889 3.4c-.707 2.121-3.717 2.964-4.071 2.61c-.195-.195.156-.55 0-.706c-.156-.157-.398.022-1.06.353c-.472.236-1.663.637-1.946.354"/><path fill="url(#iLntKrM)" d="M2.423 29.533C1.716 28.826 2 23.922 4.5 22.922c0 0 2.5-1 4.111.6s.889 3.4.889 3.4c-.707 2.121-3.717 2.964-4.071 2.61c-.195-.195.156-.55 0-.706c-.156-.157-.398.022-1.06.353c-.472.236-1.663.637-1.946.354"/></g><path fill="url(#iqK90YP)" d="M6.06 20.982a1.5 1.5 0 0 1 2.122 0l3.535 3.536a1.5 1.5 0 0 1-2.12 2.121L6.06 23.104a1.5 1.5 0 0 1 0-2.122"/><path fill="url(#iM0X1Cc)" d="M6.06 20.982a1.5 1.5 0 0 1 2.122 0l3.535 3.536a1.5 1.5 0 0 1-2.12 2.121L6.06 23.104a1.5 1.5 0 0 1 0-2.122"/><path fill="url(#igiu6oe)" d="M6.06 20.982a1.5 1.5 0 0 1 2.122 0l3.535 3.536a1.5 1.5 0 0 1-2.12 2.121L6.06 23.104a1.5 1.5 0 0 1 0-2.122"/><path fill="url(#ih0DNud)" d="M29.172 2.871c-.947-.947-2.608-.84-3.818-.424a58 58 0 0 0-2.714 1.007a.1.1 0 0 0-.034.163l5.81 5.849a.1.1 0 0 0 .162-.033a58 58 0 0 0 1.019-2.743c.41-1.194.74-2.654-.425-3.819"/><path fill="url(#iYQZoRd)" d="M29.172 2.871c-.947-.947-2.608-.84-3.818-.424a58 58 0 0 0-2.714 1.007a.1.1 0 0 0-.034.163l5.81 5.849a.1.1 0 0 0 .162-.033a58 58 0 0 0 1.019-2.743c.41-1.194.74-2.654-.425-3.819"/><path fill="url(#iQ2uooc)" d="M29.172 2.871c-.947-.947-2.608-.84-3.818-.424a58 58 0 0 0-2.714 1.007a.1.1 0 0 0-.034.163l5.81 5.849a.1.1 0 0 0 .162-.033a58 58 0 0 0 1.019-2.743c.41-1.194.74-2.654-.425-3.819"/><path fill="url(#iTLxAWc)" d="M13.582 16.718c1.2-.442 2.367.725 1.925 1.926l-2.618 7.114a1 1 0 0 1-1.646.362l-5.138-5.138a1 1 0 0 1 .362-1.645z"/><path fill="url(#iOMCo7r)" d="M13.582 16.718c1.2-.442 2.367.725 1.925 1.926l-2.618 7.114a1 1 0 0 1-1.646.362l-5.138-5.138a1 1 0 0 1 .362-1.645z"/><path fill="url(#imxNlAW)" d="M13.582 16.718c1.2-.442 2.367.725 1.925 1.926l-2.618 7.114a1 1 0 0 1-1.646.362l-5.138-5.138a1 1 0 0 1 .362-1.645z"/><path fill="url(#iUhM8bd)" d="M13.582 16.718c1.2-.442 2.367.725 1.925 1.926l-2.618 7.114a1 1 0 0 1-1.646.362l-5.138-5.138a1 1 0 0 1 .362-1.645z"/><g filter="url(#icuGEbc)"><path fill="url(#i8SVR4d)" d="m9.205 22.047l5.625-4.407l-3.625 6.438z"/></g></g><defs><radialGradient id="isnrH9d" cx="0" cy="0" r="1" gradientTransform="matrix(7.52114 -2.73117 .46436 1.27875 2.398 17.063)" gradientUnits="userSpaceOnUse"><stop offset=".164" stop-color="#FF8DB0"/><stop offset="1" stop-color="#FF8DB0" stop-opacity="0"/></radialGradient><radialGradient id="iVfvKyc" cx="0" cy="0" r="1" gradientTransform="rotate(86.482 -4.515 18.853)scale(7.63907 6.58606)" gradientUnits="userSpaceOnUse"><stop offset=".757" stop-color="#E76CBE" stop-opacity="0"/><stop offset=".951" stop-color="#E76CBE"/></radialGradient><radialGradient id="iQQLY2K" cx="0" cy="0" r="1" gradientTransform="matrix(2.84378 -4.43748 1.94916 1.24913 13.454 26.234)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5898"/><stop offset="1" stop-color="#FF5898" stop-opacity="0"/></radialGradient><radialGradient id="i8gIP4c" cx="0" cy="0" r="1" gradientTransform="matrix(-13.22128 -10.16449 19.10663 -24.85262 23.97 21.577)" gradientUnits="userSpaceOnUse"><stop offset=".811" stop-color="#E7E5E5" stop-opacity="0"/><stop offset="1" stop-color="#E7E5E5"/></radialGradient><radialGradient id="iIxrmRd" cx="0" cy="0" r="1" gradientTransform="matrix(5.34972 -8.21554 3.86123 2.51432 9.181 21.31)" gradientUnits="userSpaceOnUse"><stop offset=".281" stop-color="#B5A3A5"/><stop offset="1" stop-color="#B5A3A5" stop-opacity="0"/></radialGradient><radialGradient id="i5N0OGe" cx="0" cy="0" r="1" gradientTransform="rotate(-73.625 16.594 5.807)scale(8.69119 1.4727)" gradientUnits="userSpaceOnUse"><stop offset=".208" stop-color="#B28F96"/><stop offset="1" stop-color="#B28F96" stop-opacity="0"/></radialGradient><radialGradient id="iNRQXae" cx="0" cy="0" r="1" gradientTransform="matrix(-9.68 8.93746 -2.77498 -3.00553 27.11 7.11)" gradientUnits="userSpaceOnUse"><stop stop-color="#FAECF1"/><stop offset="1" stop-color="#FAECF1" stop-opacity="0"/></radialGradient><radialGradient id="iaUMiFb" cx="0" cy="0" r="1" gradientTransform="rotate(90 5.04 16.102)scale(3.35938)" gradientUnits="userSpaceOnUse"><stop offset=".587" stop-color="#93859B"/><stop offset="1" stop-color="#93859B" stop-opacity="0"/></radialGradient><radialGradient id="ilDxLpe" cx="0" cy="0" r="1" gradientTransform="matrix(0 -4.84559 4.45626 0 21.14 13.388)" gradientUnits="userSpaceOnUse"><stop stop-color="#72CDFF"/><stop offset=".738" stop-color="#66ACFF"/><stop offset="1" stop-color="#3B57F4"/></radialGradient><radialGradient id="ikXHCqi" cx="0" cy="0" r="1" gradientTransform="matrix(-4.10578 4.10578 -3.22724 -3.22724 8.191 24.247)" gradientUnits="userSpaceOnUse"><stop stop-color="#D46213"/><stop offset="1" stop-color="#FF9542"/></radialGradient><radialGradient id="iLntKrM" cx="0" cy="0" r="1" gradientTransform="matrix(-4.72447 -5.39938 5.69005 -4.9788 8.304 28.97)" gradientUnits="userSpaceOnUse"><stop offset=".871" stop-color="#FFC484" stop-opacity="0"/><stop offset="1" stop-color="#FFC484"/></radialGradient><radialGradient id="iM0X1Cc" cx="0" cy="0" r="1" gradientTransform="matrix(.34375 1.59375 -1.40812 .30371 6.83 21.453)" gradientUnits="userSpaceOnUse"><stop stop-color="#8E839A"/><stop offset="1" stop-color="#8E839A" stop-opacity="0"/></radialGradient><radialGradient id="igiu6oe" cx="0" cy="0" r="1" gradientTransform="matrix(4.16202 4.61197 -2.4175 2.18165 7.207 22.418)" gradientUnits="userSpaceOnUse"><stop offset=".86" stop-color="#6175B9" stop-opacity="0"/><stop offset="1" stop-color="#6175B9"/></radialGradient><radialGradient id="iYQZoRd" cx="0" cy="0" r="1" gradientTransform="rotate(135 13.469 8.126)scale(8.24677 1.9797)" gradientUnits="userSpaceOnUse"><stop offset=".189" stop-color="#FF5971"/><stop offset="1" stop-color="#FF5971" stop-opacity="0"/></radialGradient><radialGradient id="iOMCo7r" cx="0" cy="0" r="1" gradientTransform="matrix(6.96875 -2.65623 .69538 1.82436 6.236 19.422)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF95AF"/><stop offset="1" stop-color="#FF95AF" stop-opacity="0"/></radialGradient><radialGradient id="imxNlAW" cx="0" cy="0" r="1" gradientTransform="matrix(3.27669 3.24305 -.95797 .9679 5.398 20.308)" gradientUnits="userSpaceOnUse"><stop offset=".382" stop-color="#E14678"/><stop offset="1" stop-color="#E14678" stop-opacity="0"/></radialGradient><radialGradient id="iUhM8bd" cx="0" cy="0" r="1" gradientTransform="matrix(.6875 7.375 -7.85914 .73263 11.58 19.14)" gradientUnits="userSpaceOnUse"><stop offset=".832" stop-color="#E67BC7" stop-opacity="0"/><stop offset="1" stop-color="#E67BC7"/></radialGradient><linearGradient id="iYKwEfC" x1="8.111" x2="3.111" y1="17.308" y2="16.484" gradientUnits="userSpaceOnUse"><stop stop-color="#EE2452"/><stop offset="1" stop-color="#F63E7A"/></linearGradient><linearGradient id="ifAEnmk" x1="4.905" x2="5.72" y1="19.733" y2="18.938" gradientUnits="userSpaceOnUse"><stop offset=".491" stop-color="#DD467C"/><stop offset="1" stop-color="#DD467C" stop-opacity="0"/></linearGradient><linearGradient id="iAtjq3c" x1="17.892" x2="11.674" y1="21.672" y2="26.551" gradientUnits="userSpaceOnUse"><stop stop-color="#F83267"/><stop offset="1" stop-color="#FF3190"/></linearGradient><linearGradient id="imx54ob" x1="13.486" x2="22.298" y1="8.672" y2="17.547" gradientUnits="userSpaceOnUse"><stop stop-color="#CCBBC0"/><stop offset="1" stop-color="#EAD2EC"/></linearGradient><linearGradient id="iSzRDOb" x1="17.781" x2="24.5" y1="10.491" y2="11.062" gradientUnits="userSpaceOnUse"><stop stop-color="#A796A0"/><stop offset="1" stop-color="#A5959F"/></linearGradient><linearGradient id="iqK90YP" x1="5.798" x2="11.298" y1="21.953" y2="27.359" gradientUnits="userSpaceOnUse"><stop stop-color="#452860"/><stop offset="1" stop-color="#51509F"/></linearGradient><linearGradient id="ih0DNud" x1="29.177" x2="25.501" y1="2.876" y2="6.552" gradientUnits="userSpaceOnUse"><stop stop-color="#FF3745"/><stop offset="1" stop-color="#ED224B"/></linearGradient><linearGradient id="iQ2uooc" x1="25.822" x2="26.189" y1="6.797" y2="6.414" gradientUnits="userSpaceOnUse"><stop stop-color="#D2575E"/><stop offset="1" stop-color="#F93251" stop-opacity="0"/></linearGradient><linearGradient id="iTLxAWc" x1="15.16" x2="8.674" y1="17.065" y2="23.551" gradientUnits="userSpaceOnUse"><stop stop-color="#FF2644"/><stop offset="1" stop-color="#FF2982"/></linearGradient><linearGradient id="i8SVR4d" x1="13.986" x2="9.861" y1="18.109" y2="22.422" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5970"/><stop offset="1" stop-color="#FF5794"/></linearGradient><filter id="iu5OxTc" width="22.396" height="22.659" x="6.095" y="3.04" 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="-.25" dy="-.5"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.772549 0 0 0 0 0.952941 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_13076"/></filter><filter id="iCZLxfc" width="8.719" height="8.719" x="16.781" y="6.953" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><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 dy=".25"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.866667 0 0 0 0 0.764706 0 0 0 0 0.847059 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_13076"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_13076" 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="-.1" dy=".1"/><feGaussianBlur stdDeviation=".05"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.721569 0 0 0 0 0.690196 0 0 0 0 0.701961 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_13076"/><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=".1" dy="-.1"/><feGaussianBlur stdDeviation=".05"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.615686 0 0 0 0 0.560784 0 0 0 0 0.65098 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_13076" result="effect3_innerShadow_18_13076"/></filter><filter id="ijQucVJ" width="7.574" height="7.217" x="2.088" y="22.413" 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 dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.847059 0 0 0 0 0.505882 0 0 0 0 0.360784 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_13076"/></filter><filter id="icuGEbc" width="7.625" height="8.438" x="8.205" y="16.64" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_13076" stdDeviation=".5"/></filter><clipPath id="ik9o6Ph"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>

Rocket アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="fluent-emoji:rocket" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent-emoji:rocket" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent-emoji:rocket" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--rocket]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:rocket"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent-emoji:rocket"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji/rocket.svg" alt="Rocket アイコン" width="24" height="24">

他のアイコンセットの Rocket アイコン

Rocket アイコンのよくある質問

Rocket アイコンは商用利用でも無料ですか?

はい。Fluent Emoji icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Rocket アイコンを使うには?

@iconify/react をインストールして <Icon icon="fluent-emoji:rocket" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Rocket アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/rocket.svg" alt="Rocket アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Fluent Emoji アイコンをすべて見る →