Startup Launch アイコン

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

はい。Ultimate color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-ultimate-color:startup-launch

Startup Launch アイコン(streamline-ultimate-color:startup-launch)は、Ultimate color icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Ultimate color icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Ultimate color icons
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: ビジネス・製品
タグ: startuplaunch

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#e3e3e3" d="M19.65 23a2.33 2.33 0 0 0-2.39-2.39h-.479c.01-.072 0-.405 0-.478c0-.908-1.003-1.434-1.912-1.434l-8.127-.01c-.907 0-1.912.525-1.912 1.434c0 .074-.01.407 0 .478h-.478a2.334 2.334 0 0 0-2.39 2.39z"/><path fill="#ff808c" d="m8.113 11.517l-.814.422a1.91 1.91 0 0 0-1.035 1.698v2.724a.478.478 0 0 0 .743.398l2.125-1.417"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="m8.113 11.517l-.814.422a1.91 1.91 0 0 0-1.035 1.698v2.724a.478.478 0 0 0 .743.398l2.125-1.417"/><path fill="#ff808c" d="m13.978 11.517l.815.422a1.91 1.91 0 0 1 1.032 1.698v2.724a.478.478 0 0 1-.743.398l-2.125-1.417"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="m13.978 11.517l.815.422a1.91 1.91 0 0 1 1.032 1.698v2.724a.478.478 0 0 1-.743.398l-2.125-1.417"/><path fill="#ffef5e" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M12.957 19.166c0 1.339-1.912 2.39-1.912 2.39s-1.912-1.052-1.912-2.39s1.306-1.434 1.912-1.434s1.912.095 1.912 1.434"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M11.045 2.912v-.956M18.693 1v1.912m.957-.956h-1.912m4.781 7.649h-1.626a1.243 1.243 0 0 0-.691 2.282l1.76 1.172a1.243 1.243 0 0 1-.686 2.283H19.65m1.912-5.737v-.956m-.956 7.649v-.956M4.353 1.956H2.727a1.243 1.243 0 0 0-.688 2.282l1.759 1.173a1.243 1.243 0 0 1-.688 2.282H1.484m1.912-5.737V1M2.44 8.649v-.956"/><path fill="#e3e3e3" d="m13.914 5.303l-2.869-2.39l-2.868 2.39a2.85 2.85 0 0 0-.956 2.868l1.912 7.17h3.825l1.912-7.17a2.85 2.85 0 0 0-.956-2.868"/><path fill="#fff" d="M7.587 9.54c.159-.257.358-.486.59-.679a4.48 4.48 0 0 1 5.737 0c.232.193.431.422.59.679l.366-1.37a2.85 2.85 0 0 0-.956-2.867l-2.869-2.39l-2.868 2.39a2.85 2.85 0 0 0-.956 2.868z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="m13.914 5.303l-2.869-2.39l-2.868 2.39a2.85 2.85 0 0 0-.956 2.868l1.912 7.17h3.825l1.912-7.17a2.85 2.85 0 0 0-.956-2.868"/><path fill="#66e1ff" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M11.045 9.127a1.434 1.434 0 1 0 0-2.869a1.434 1.434 0 0 0 0 2.869"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M6.742 18.688c-.907 0-1.912.527-1.912 1.434c0 .074-.01.406 0 .478h-.478a2.33 2.33 0 0 0-2.39 2.39m12.908-4.302c.907 0 1.911.527 1.911 1.434c0 .074.01.406 0 .478h.478a2.33 2.33 0 0 1 2.39 2.39"/></g></svg>

Startup Launch アイコンの使い方

React

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

<Icon icon="streamline-ultimate-color:startup-launch" width="24" />

Vue

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

<template>
  <Icon icon="streamline-ultimate-color:startup-launch" width="24" />
</template>

Svelte

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

<Icon icon="streamline-ultimate-color:startup-launch" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--startup-launch]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:startup-launch"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-ultimate-color:startup-launch"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/startup-launch.svg" alt="Startup Launch アイコン" width="24" height="24">

Startup Launch アイコンのよくある質問

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

はい。Ultimate color icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Ultimate color icons をすべて見る →