Creativity Idea Bulb アイコン

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

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

streamline-freehand-color:creativity-idea-bulb

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

アイコンセット: Freehand color icons
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: 仕事・オフィス・企業
タグ: creativityidea、ideabulb、creativityideabulb

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#020202" d="M18.287 11.684a7.7 7.7 0 0 0-1.305-3.748a6.7 6.7 0 0 0-7.286-2.72a6.87 6.87 0 0 0-5.262 5.65a5.6 5.6 0 0 0 0 1.585c.076.547.278 1.068.588 1.525c.548.777 1.395.997 1.824 1.604c.166.235.24.522.209.808a.27.27 0 0 0 .249.289h.28q1.071.296 2.172.448q.471.06.947.06h.946c.728 0 1.446-.14 2.183-.24a.309.309 0 1 0-.03-.617l-2.153-.12H7.603c0-.33-.1-.654-.289-.926c-.409-.589-1.236-.858-1.754-1.635a3 3 0 0 1-.409-1.256a4.8 4.8 0 0 1 .02-1.405a6.05 6.05 0 0 1 4.754-4.814a5.74 5.74 0 0 1 6.2 2.352a6.7 6.7 0 0 1 1.136 3.22a3.92 3.92 0 0 1-.997 3.069a6 6 0 0 1-.478.429c-.449.348-.897.628-1.336.996c-.162.161-.282.36-.349.578a8 8 0 0 0-.219.997c-.01.23-.086.45-.22.638a3.2 3.2 0 0 1-2.232.767a10.2 10.2 0 0 1-3.628-.787c.09-.16 0-.648 0-.947a.32.32 0 0 0-.329-.299a.31.31 0 0 0-.289.329c0 .399-.07.907 0 1.126a.43.43 0 0 0 .25.31c1.278.59 2.66.928 4.066.996a3.93 3.93 0 0 0 2.79-.917c.16-.155.28-.347.35-.558a7 7 0 0 0 .239-.997c-.005-.176.033-.35.11-.508c.438-.379.876-.628 1.315-.997q.31-.229.578-.508a4.84 4.84 0 0 0 1.405-3.777"/><path fill="#0c6fff" d="M9.696 13.976c.06-.578.1-1.166.15-1.744q.234.242.528.408c.318.202.69.302 1.067.29c.35-.01.692-.106.996-.28v.827q-.005.974.16 1.934c0 .21.498.339.598 0q-.091-.967 0-1.933q.208-1.316.588-2.592a.44.44 0 0 0-.2-.518a.45.45 0 0 0-.608.06a.7.7 0 0 0-.1.16l-.109.218l-.24.39a1.6 1.6 0 0 1-.508.457a1.14 1.14 0 0 1-.597.18a1 1 0 0 1-.628-.23a1.75 1.75 0 0 1-.519-.597l-.179-.449c0-.09-.07-.309-.09-.369a.5.5 0 0 0-.398-.199a.46.46 0 0 0-.449.13c-.319.339-.07 2.252-.21 4.475q.038.323 0 .648c0 .418.47.538.579.1c.106-.448.163-.906.17-1.366M3.098 6.182a3 3 0 0 0-.408-.409l-.459-.339c-.369-.239-.757-.428-1.146-.647a.32.32 0 0 0-.439.07a.31.31 0 0 0 .07.428c.3.309.588.618.897.917c.13.13.26.259.389.369c.13.11.27.229.409.338q.518.353.996.758a.27.27 0 0 0 .379 0a.27.27 0 0 0 .05-.389a5.8 5.8 0 0 0-.738-1.096m3.967-4.445q.075.276.19.538c.07.17.139.339.228.508c.21.389.459.738.678 1.136a.28.28 0 0 0 .518-.189a12 12 0 0 0-.269-1.326c-.05-.179-.12-.358-.189-.538a4 4 0 0 0-.21-.508C7.754.959 7.514.6 7.285.212a.31.31 0 0 0-.409-.19a.31.31 0 0 0-.169.4c.12.468.22.896.359 1.315m7.444 2.621a.27.27 0 0 0 .299-.24q.21-.543.369-1.106c.05-.219.07-.448.1-.667a6 6 0 0 1 .109-.997a.328.328 0 0 0-.568-.329a4.3 4.3 0 0 0-.508.997q-.075.225-.12.458q-.015.235 0 .469c0 .378.08.717.11 1.056c-.044.157.05.32.209.359m8.572 3.139c-.469 0-.907-.07-1.366-.07h-.588c-.19 0-.389.07-.578.12q-.669.226-1.286.568a.279.279 0 1 0 .18.519c.448-.07.867-.07 1.295-.1l.538-.06l.549-.1c.428-.09.847-.199 1.295-.289a.33.33 0 0 0 .29-.338a.31.31 0 0 0-.33-.25"/><path fill="#020202" d="M12.915 21.002q-.497.031-.996 0c-.32 0-.638-.05-.997-.07l-.997-.05c-.657 0-1.305 0-1.993-.07a.28.28 0 0 0-.329.21a.28.28 0 0 0 .21.33a10.4 10.4 0 0 0 1.724.517q.385.07.777.08q.39.03.777 0q.967-.079 1.904-.329a.32.32 0 0 0 .26-.359a.31.31 0 0 0-.34-.259m-1.075 2.014a8 8 0 0 1-.997-.09a5 5 0 0 0-.658 0c-.399 0-.768.1-1.156.14a.27.27 0 0 0-.3.239a.3.3 0 0 0 .25.309q.504.192 1.026.328q.223.04.449.05q.229.015.458 0A4.2 4.2 0 0 0 12 23.624a.31.31 0 0 0-.13-.608z"/></g></svg>

Creativity Idea Bulb アイコンの使い方

React

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

<Icon icon="streamline-freehand-color:creativity-idea-bulb" width="24" />

Vue

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

<template>
  <Icon icon="streamline-freehand-color:creativity-idea-bulb" width="24" />
</template>

Svelte

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

<Icon icon="streamline-freehand-color:creativity-idea-bulb" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--creativity-idea-bulb]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:creativity-idea-bulb"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-freehand-color:creativity-idea-bulb"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/creativity-idea-bulb.svg" alt="Creativity Idea Bulb アイコン" width="24" height="24">

Freehand color icons の関連アイコン

他のアイコンセットの Creativity Idea Bulb アイコン

Creativity Idea Bulb アイコンのよくある質問

Creativity Idea Bulb アイコンは商用利用でも無料ですか?

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

React で Creativity Idea Bulb アイコンを使うには?

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

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

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

Freehand color icons をすべて見る →