AIベクターデザイン企業のQuiverAIが、SVG（スケーラブル・ベクター・グラフィックス）生成に特化したAIモデル「Arrow 1.0」のパブリックベータを公開しました。あわせて、米大手ベンチャーキャピタルのAndreessen ...

All SVG Iconsは、デザイナーやデベロッパー向けに高品質で無料のSVGアイコンを収録したライブラリをまとめて検索・閲覧、そしてダウンロードできるサイトです。収録されているライブラリはなんと220種類以上！ SVGアイコンも25万個以上揃っており、全部使い切るのは無理ってくらいあります。

SVG（Scalable Vector Graphics/スケーラブル・ベクター・グラフィックス）は、XML形式で画像を作成するフォーマットで、現在では、主要なブラウザ（Chrome、Firefox、Safari、Edgeなど）はSVGをサポートしていて、JPG, GIF, PNGと並び一般的に使われるようになりました。

SVG画像のサイズの変更時にちょっと困ったことを整理しました。 SVG画像のサイズの変更の仕方 まず、基本的な情報をすこし説明します。 139px × 71pxの縦横不規則な kingyo.svg を作成して、<svg>タグ側に、width/height で実寸サイズを設定せず、その都度サイズを ...

ここまではツールで作成したSVGファイルをコピー＆ペーストして埋め込む方法を解説しました。一方、SVGはマークアップ言語ですので、もちろん手でコードを書くこともできます。基本的な図形の書き方を見てみましょう。 もっとも単純な図形は円です。

Developers Summit 2026・Dev x PM Day 講演資料まとめ Developers Boost 2025 講演資料まとめ Developers X Summit 2025 講演資料まとめ Developers Summit 2025 FUKUOKA 講演関連資料まとめ Developers Summit 2025 KANSAI 講演関連資料まとめ Developers ...

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。 講演資料・動画 ...

アドビ システムズは24日、Scalable Vector Graphics(SVG)を扱うWebデザイナーやデベロッパー向けに、新たなオープンソースJavaScriptライブラリ「Snap.svg」を無償公開した。同ライブラリの特設サイト、またはGitHubにてダウンロードできる。 「Snap.svg」は、SVGコンテンツの ...

Webサイトやスマホアプリでよく使用するUI用のSVGアイコンを紹介します。 アイコンはシンプルで一貫性のあるデザインで、サイトやアプリのパフォーマンスに影響を与えないよう非常に軽量サイズで設計されています。 Next Iconsは、次のプロジェクトをより ...

SVGをWeb制作で使うために、ブラウザーに最適化されたSVGファイルの作成、書き出し、最適化の方法をマスターしましょう。 SVGの勉強を始める前に理解したいことがあります。SVGファイルの最適化は、作成から書き出しまで続く工程です。WebページのHTMLと ...