Gimp アイコン

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

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

thesvg-color:gimp

Gimp アイコン(thesvg-color:gimp)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 48 × 48 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 48 × 48

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><path id="SVGo1irbdJk" fill="#2e3436" fill-rule="evenodd" stroke="#000" stroke-miterlimit="10" stroke-width="1.174" d="M24.042 21.837a2.298 2.298 0 1 1-4.597 0a2.298 2.298 0 1 1 4.597 0z"/><path id="SVGHOr1wcsk" fill="#fff" fill-rule="evenodd" d="M23.158 20.953a1.768 1.768 0 1 1-3.536 0a1.768 1.768 0 1 1 3.536 0"/><path id="SVG629fMwnL" fill="#fff" d="M8.875 37.75a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 1 1 2.5 0" opacity=".528"/></defs><defs><linearGradient id="SVGFyQG3dFn"><stop offset="0" stop-color="#5b676b"/><stop offset="1" stop-color="#141718"/></linearGradient><linearGradient id="SVGC0Gvselb"><stop offset="0"/><stop offset="1" stop-opacity="0"/></linearGradient><linearGradient id="SVGgiDzebxZ"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="SVGjOtxgdkz" x1="13.236" x2="7.752" y1="37.752" y2="42.282" gradientTransform="rotate(27.621 -26.244 -49.44)scale(.8523)" gradientUnits="userSpaceOnUse" href="#SVGgiDzebxZ"/><linearGradient id="SVGdUS3xcQy"><stop offset="0" stop-color="#696969"/><stop offset="1"/></linearGradient><linearGradient id="SVGfYrHIf7v"><stop offset="0" stop-color="#bdbdbd"/><stop offset=".333" stop-color="#e2e2e2"/><stop offset=".667" stop-color="#a3a3a3"/><stop offset="1" stop-color="#ddd"/></linearGradient><linearGradient id="SVGe8eFrdCb" x1="19.395" x2="23.109" y1="30.001" y2="33.439" gradientTransform="translate(-46.407 -1.803)" gradientUnits="userSpaceOnUse" href="#SVGfYrHIf7v"/><linearGradient id="SVGkxaOqbFI"><stop offset="0" stop-color="#6e3d09"/><stop offset=".242" stop-color="#ea8113"/><stop offset=".621" stop-color="#5c3307"/><stop offset="1" stop-color="#e07c12"/></linearGradient><linearGradient id="SVGfQGaeckB" x1="37.018" x2="27.754" y1="19.24" y2="11.182" gradientTransform="translate(-49.305 1.878)" gradientUnits="userSpaceOnUse" href="#SVGkxaOqbFI"/><linearGradient id="SVGmleA2bpA"><stop offset="0" stop-color="#857c63"/><stop offset="1" stop-color="#221f19"/></linearGradient><linearGradient id="SVG9wWDaebg"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#b9b9b0"/></linearGradient><linearGradient id="SVGEjCQQcjm" x1="6.305" x2="5.985" y1="23.362" y2="31.57" gradientUnits="userSpaceOnUse" href="#SVGgiDzebxZ"/><linearGradient id="SVGYLcZRzfq" x1="14.969" x2="39.525" y1="19.111" y2="46.986" gradientUnits="userSpaceOnUse" href="#SVGgiDzebxZ"/><linearGradient id="SVGsAqlWbhy" x1="26.163" x2="24.329" y1="30.543" y2="30.985" gradientUnits="userSpaceOnUse" href="#SVGC0Gvselb"/><linearGradient id="SVGeLnIJcGk" x1="32.35" x2="21.213" y1="28.083" y2="30.293" gradientTransform="translate(-3.837 .346)" gradientUnits="userSpaceOnUse" href="#SVGC0Gvselb"/><radialGradient id="SVGQ9L7Hcgh" cx="15.415" cy="35.357" r="7.579" fx="15.415" fy="35.357" gradientTransform="matrix(1.5727 0 0 1.53264 -55.367 -21.358)" gradientUnits="userSpaceOnUse" href="#SVGdUS3xcQy"/><radialGradient id="SVGEKzMHb3n" cx="69.473" cy="19.598" r="3.515" fx="69.473" fy="19.598" gradientTransform="translate(-22.126 -6.242)scale(1.31849)" gradientUnits="userSpaceOnUse" href="#SVG9wWDaebg"/><radialGradient id="SVG6Subpees" cx="23" cy="33.938" r="18.25" fx="23" fy="33.938" gradientTransform="matrix(1 0 0 .28425 0 24.29)" gradientUnits="userSpaceOnUse" href="#SVGC0Gvselb"/><radialGradient id="SVGTnv4tcrM" cx="6.024" cy="25.271" r="4.831" fx="6.024" fy="25.271" gradientTransform="rotate(5.808 31.486 30.556)scale(.92089 1.07483)" gradientUnits="userSpaceOnUse" href="#SVGFyQG3dFn"/><radialGradient id="SVGA6N77b7b" cx="18.558" cy="22.3" r="19.229" fx="18.558" fy="22.3" gradientTransform="matrix(1.77275 0 0 1.29668 -16.34 -6.616)" gradientUnits="userSpaceOnUse" href="#SVGmleA2bpA"/></defs><g color="#000"><path fill="url(#SVG6Subpees)" fill-rule="evenodd" d="M41.25 33.938a18.25 5.188 0 1 1-36.5 0a18.25 5.188 0 1 1 36.5 0" transform="matrix(1 0 0 1.53012 .125 -19.991)"/><path fill="url(#SVGA6N77b7b)" fill-rule="evenodd" stroke="#2e3436" stroke-miterlimit="10" d="M10.374 12.468s2.875 5.928 9.6 5.76c14.092-.353 16.563-7.705 16.917-8.765c.353-1.061.894-.9 1.02.08c4.596 41.72-31.897 23.82-33.193 16.713c7.247-2.12 5.48-6.187 5.48-6.187z"/><path fill="url(#SVGeLnIJcGk)" fill-rule="evenodd" d="M15.738 30.066c6.739 1.348 10.17.098 12.179-1.453c-.53-.685-1.436-1.436-1.436-1.436s2.353.654 3.182 1.724c.826 1.066.306 1.723.09 3.088c-.481-1.199-1.38-1.648-1.501-2.124c-1.807 2.497-6.307 2.393-12.514.201"/><path fill="none" stroke="url(#SVGYLcZRzfq)" stroke-miterlimit="10" d="M36.969 11.844a12.3 12.3 0 0 1-2.688 3.094C31.65 17.117 27.231 19.1 20 19.28c-4.224.105-6.953-1.934-8.625-3.75L11.25 20c.136.419.415 1.39-.062 2.719c-.515 1.429-2.155 2.891-4.97 4c.251.522.496 1.043 1.25 1.781c1.029 1.005 2.458 2.088 4.157 3.063c3.398 1.948 7.802 3.493 11.906 3.562c4.105.07 7.857-1.235 10.438-5c2.378-3.471 3.682-9.348 3-18.281z" opacity=".185"/><path fill="url(#SVGEKzMHb3n)" fill-rule="evenodd" stroke="#888a85" stroke-miterlimit="10" stroke-width=".783" d="M72.655 21.837a3.182 3.182 0 1 1-6.364 0a3.182 3.182 0 1 1 6.364 0z" transform="translate(-75.127 -6.508)scale(1.27778)"/><path fill="url(#SVGTnv4tcrM)" fill-rule="evenodd" stroke="#000" stroke-miterlimit="10" d="M10.43 27.229a4.331 6.099 0 1 1-8.662 0a4.331 6.099 0 1 1 8.662 0z" transform="rotate(-35.808 3.363 26.345)"/><use fill-rule="evenodd" stroke-miterlimit="10" stroke-width="1.174" href="#SVGo1irbdJk" transform="translate(-3.927 3.396)scale(.85185)"/><path fill="none" stroke="url(#SVGEjCQQcjm)" stroke-miterlimit="10" d="M6.094 22.156c-.798 0-1.553.446-2.188 1.344c-.634.898-1.094 2.234-1.094 3.719s.46 2.82 1.094 3.718s1.39 1.344 2.188 1.344s1.577-.476 2.218-1.375c.642-.898 1.094-2.206 1.094-3.687c0-1.482-.452-2.79-1.094-3.688c-.641-.898-1.42-1.375-2.218-1.375z" opacity=".281" transform="rotate(-36.833 3.366 26.6)"/><path fill="#fff" fill-rule="evenodd" d="M5.834 23.251a1.768 2.121 0 1 1-3.536 0a1.768 2.121 0 1 1 3.536 0"/><use fill-rule="evenodd" href="#SVGHOr1wcsk" transform="translate(-2.556 5.03)scale(.76667)"/><path fill="url(#SVGEKzMHb3n)" fill-rule="evenodd" stroke="#888a85" stroke-miterlimit="10" stroke-width=".667" d="M72.655 21.837a3.182 3.182 0 1 1-6.364 0a3.182 3.182 0 1 1 6.364 0z" transform="matrix(1.5 0 0 1.5 -82.168 -10.919)"/><use fill-rule="evenodd" stroke-miterlimit="10" href="#SVGo1irbdJk" transform="translate(1.414 .707)"/><use fill-rule="evenodd" href="#SVGHOr1wcsk" transform="matrix(.9 0 0 .9 3.023 2.626)"/><path fill="url(#SVGfQGaeckB)" stroke="#673907" stroke-linecap="round" stroke-width="2.46" d="m-23.364 23.568l3.71 3.47c8.347-6.381 17.094-20.1 17.094-20.1c1.976-2.242-.117-3.75-2.165-2.398c0 0-12.97 10.115-18.64 19.028z" transform="rotate(253.585 23.46 5.603)scale(.40643)"/><path fill="url(#SVGe8eFrdCb)" stroke="#888a85" stroke-linecap="round" stroke-width="2.46" d="m-30.45 32.814l2.247 1.934l8.492-7.367l.275-.706l1.095-.018c-.438-1.562-2.942-4.383-4.817-4.383l.082 1.09l-.67.38z" transform="rotate(253.585 23.46 5.603)scale(.40643)"/><path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="m38.512 35.71l2.554 1.097"/><path fill="url(#SVGQ9L7Hcgh)" d="M-45.341 42.77c10.444 0 18.37 1.244 19.87-6.355c1.21-6.123-7.21-9.057-11.382-3.59c-4.02 5.265-8.488 9.945-8.488 9.945" transform="rotate(253.585 23.46 5.603)scale(.40643)"/><use href="#SVG629fMwnL" opacity=".528" transform="rotate(253.585 26.245 20.84)scale(.84127)"/><use href="#SVG629fMwnL" transform="rotate(253.585 26.041 15.733)scale(.56765)"/><path fill="url(#SVGjOtxgdkz)" d="M-38.544 40.91s3.722.094 6.117-1.413c.847-.533 1.516.65.494 1.088c-2.208.944-6.61.324-6.61.324" opacity=".428" transform="rotate(253.585 23.46 5.603)scale(.40643)"/><path fill="url(#SVGsAqlWbhy)" fill-rule="evenodd" d="M23.003 31.737c1.497.143 2.85-.273 3.412-.475c.098-.555.537-1.62 2.046-1.691l-.53-.928s-1.967 1.348-4.066 1.746z"/></g></svg>

Gimp アイコンの使い方

React

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

<Icon icon="thesvg-color:gimp" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:gimp" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:gimp" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--gimp]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:gimp"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:gimp"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/gimp.svg" alt="Gimp アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

theSVG Color アイコンをすべて見る →