daiiz https://blog.hatena.ne.jp/daiiz/ #daiizメモ https://daiiz.hatenablog.com/ svg imgタグはsvg内のstyleタグを解釈できるので、svgタグ内に<style>を書けばいいはず 予想通り、これを追加するだけでできた。 <defs> <filter id="sepia"> <feColorMatrix type="saturate" values="0"/> </filter> </defs> <style> image { filter: url(#sepia); } </style> ちなみにカラーな元画像はこちら <svg viewBox="0 0 571 506" width="571" height="506"> <image x="0" y="0" width… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fdaiiz.hatenablog.com%2Fentry%2F2018%2F04%2F21%2F111240" title="svgで画像をモノクロ化する - #daiizメモ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://storage.googleapis.com/daiiz-bucket-1/public/sepia.svg Hatena Blog https://hatena.blog 2018-04-21 11:12:40 rich https://daiiz.hatenablog.com/entry/2018/04/21/111240 1.0 100%