outline
solid
CC0-1.0
1 ベクターノード
1. カラー
新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
2. キャンバス背景と変形
3. ベクターアニメーションのプリセット
SVG書き出しに含まれます
ギフト - ベクターと3Dのアイコン
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 ギフト - 商用利用も個人利用も無料. 登録不要 | 100%ブラウザ完結処理
開発者とUIフレームワーク向けのクイックコピー
コードのリアルタイム出力
<svg viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg" id="gift" width="36" height="36" fill="currentColor" role="img" aria-label="Gift icon"><title>Gift - Maki icon</title><desc>Free Gift vector icon from the Maki open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path d="M10.5 1.00152C9.0967.957116 7.8503 1.89192 7.5 3.25152 7.1497 1.89192 5.9033.957116 4.5 1.00152 2.7678.947006 2.23515 2.79746 2.81831 4H1.5C1.22386 4 1 4.22386 1 4.5V5.5C1 5.77614 1.22386 6 1.5 6H13.5C13.7761 6 14 5.77614 14 5.5V4.5C14 4.22386 13.7761 4 13.5 4H12.1938C12.8 2.81516 12.2922 1.00143 10.5404 1.00112 10.5269 1.00112 10.5135 1.00122 10.5 1.00152ZM10.6831 4H8.5C8.50082 2.8961 9.3959 2.00152 10.5 2.00152 11.675 2.00152 11.8827 3.87414 10.6831 4ZM6.5 4H4.29187C3.25675 3.88256 3.19576 2.10553 4.3323 2.00152 4.3881 1.99642 4.4442 1.99642 4.5 2.00152 5.60409 2.00152 6.49918 2.8961 6.5 4ZM2 7.00146V11.5015C2 12.3299 2.6716 13.0015 3.5 13.0015H6.5V7.00146H2ZM8.5 7.00146V13.0015H11.5C12.3284 13.0015 13 12.3299 13 11.5015V7.00146H8.5Z"/> </svg>
AIプロンプトとベクター改善
このアイコンを改善または作り変えますか？ ギフト
精密な設計プロンプトを作るか、キャンバス上のアイコンを今すぐ改善できます。 ギフト
プロンプト作成は100%ブラウザ内
出典とライセンスの確認
LICENSE.txt
Library: Maki | Author: Mapbox and contributors | License: CC0-1.0 | 登録不要 | 100%ブラウザ完結処理
キーワード
#gift
#maki
#travel
#solid
#ギフト svg
#ギフト icon
#ギフト maki
#ギフト react tsx
#ギフト vue
#ギフト png
日本語の人気キーワード
無料SVGアイコン
ベクターアイコン 無料ダウンロード
SVG PNG 変換 ブラウザ
SVGエディター 無料 オンライン
3Dアイコン SVG
React SVGコンポーネント
SVG 最適化 圧縮
CSS SVG アニメーション
商用利用可能 アイコン
svg アイコン ライブラリ
ギフト - ベクターの技術仕様
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 ギフト
| 正規の識別子 | maki/gift |
|---|---|
| 元のライブラリパック | Maki |
| 座標グリッドと viewBox | viewBox="0 0 15 15" |
| 非圧縮のサイズ | 1,072 bytes (~590 bytes gzipped) |
| SPDXライセンスと商用利用 | CC0-1.0 - 商用利用も無料 |
| 対応する書き出し形式 | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| 安全とプライバシーの保証 | 登録不要 | 100%ブラウザ完結処理 |
このアイコンの使い方と調整方法: ギフト
- 見た目を調整する: カラー, 自動（線と塗り）, 線の太さ (
0.5px-4px), ベクターアニメーションのプリセット - ベクターまたは画像を保存する: SVGをダウンロード, PNG（透明）, WebP（最適化） (
2048x2048 px) - フレームワークのコードをコピーする: React、Next.js、Vue 3、Svelte、Angular、HTML、CSSマスク用のコードをそのままコピーできます。
- 高度なベクター編集: SVGエディターで編集 (76,166)
アクセシビリティのヒント (WCAG 2.1): 飾りのアイコンは aria-hidden と focusable false で隠します。アイコンだけのボタンには分かりやすい aria-label を付けます。右から左に書く言語では矢印を左右反転します。
gift.svg aria-hidden="true" focusable="false"
他のライブラリの同じアイコン ("gift")
このアイコンを他のオープンソースベクターライブラリと比較できます。
同じカテゴリの 旅行＆観光
見る
solid
Filled Plane Tilt
Tabler Icons|travel
outline
Outline Globe Check
Lucide|travel
outline
Outline Globe Code
Lucide|travel
outline
Outline Globe Lock
Lucide|travel
outline
Outline Globe Off
Lucide|travel
outline
Outline Globe X
Lucide|travel
24px Outline Globe Alt
Heroicons|travel
24px Outline Globe Americas
Heroicons|travel
24px Outline Globe Asia Australia
Heroicons|travel
24px Outline Globe Europe Africa
Heroicons|travel
24px Outline Map Pin
Heroicons|travel
Bold Map Pin Area Bold
Phosphor Icons|travelさらに見る
よくある質問
ギフト - よくある質問
ギフト のSVGアイコンは商用利用無料ですか？ +
はい、Maki コレクションの ギフト アイコンは CC0-1.0 ライセンスの下で商用サイトやアプリに無料で使用できます。
ギフト アイコンはダウンロード時に元の色を保持しますか？ +
はい、エディターで新しい色を選択しない限り、ギフト の元の色がそのまま保持されます。
ギフト アイコンをReactやVueで使うには？ +
このページで React TSX または Vue 3 タブを開き、Copy SVG をクリックします。コンポーネントをプロジェクトに貼り付け、CSS か Tailwind でスタイルを整えます。
ギフト を透過PNGとしてダウンロードできますか？ +
はい、最大1024pxまでのサイズを選択して「PNGをダウンロード」をクリックしてください。
ギフト アイコンをCSSでアニメーションさせるには？ +
ライブエディターでアニメーションを選択すると、CSSキーフレームが自動的に組み込まれます。
ギフト のAIプロンプトを生成できますか？ +
はい、このページのAIプロンプト生成機能で3Dやガラス風のプロンプトを作成できます。
ギフト アイコンは画質を落とさずサイズ変更できますか？ +
できます。ギフト は拡大できる viewBox を持つベクターなので、16px、64px、512px、印刷でも鮮明です。
ギフト ファイルの問題はどこに報告しますか？ +
アイコンの URL を添えて support@svgnexus.com へご連絡ください。ギフト のライセンス相談は legal@svgnexus.com です。
100%ブラウザ完結処理 | 76,166 アイコン
SVGエディター
パス、レイヤー、色、アニメーションをブラウザで編集し、整ったSVG、PNG、またはフレームワークのコードを書き出せます。