diff --git a/dist/img/default-thumb.svg b/dist/img/default-thumb.svg
new file mode 100644
index 000000000..d63adb3cc
--- /dev/null
+++ b/dist/img/default-thumb.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="480" height="288">
+<rect fill="#09f911" width="96" height="288"/>
+<rect fill="#029d74" width="96" height="288" x="96"/>
+<rect fill="#e35bd8" width="96" height="288" x="192"/>
+<rect fill="#4156c5" width="96" height="288" x="288"/>
+<rect fill="#635688" width="96" height="288" x="384"/>
+<text font-size="32" fill="white" font-family="Bitstream Vera Sans" x="388.1" y="269.3">+<tspan font-size="48">C0</tspan></text>
+</svg>
diff --git a/js/page/discover.js b/js/page/discover.js
index 36b3a2e91..ce023059c 100644
--- a/js/page/discover.js
+++ b/js/page/discover.js
@@ -96,7 +96,7 @@ var SearchResultRow = React.createClass({
       <section className={ 'card ' + (obscureNsfw ? 'card-obscured' : '') } onMouseEnter={this.handleMouseOver} onMouseLeave={this.handleMouseOut}>
         <div className="row-fluid card-content" style={searchRowStyle}>
           <div className="span3">
-            <img src={this.props.imgUrl} alt={'Photo for ' + (this.props.title || this.props.name)} style={searchRowImgStyle} />
+            <img src={this.props.imgUrl || '/img/default-thumb.svg'} alt={'Photo for ' + (this.props.title || this.props.name)} style={searchRowImgStyle} />
           </div>
           <div className="span9">
             <span style={searchRowCostStyle}>
@@ -174,7 +174,7 @@ var FeaturedContentItem = React.createClass({
     }
 
     return (<div style={featuredContentItemContainerStyle}>
-      <SearchResultRow name={this.props.name} title={this.state.title} imgUrl={this.state.metadata.thumbnail}
+      <SearchResultRow name={this.props.name} title={this.state.title} imgUrl={this.state.metadata.thumbnail || '/img/default-thumb.svg'}
                  description={this.state.metadata.description} cost={this.state.amount} nsfw={this.state.metadata.nsfw}
                  available={this.state.available} />
     </div>);
diff --git a/js/page/my_files.js b/js/page/my_files.js
index 01038af6b..5b8596960 100644
--- a/js/page/my_files.js
+++ b/js/page/my_files.js
@@ -98,7 +98,7 @@ var MyFilesRow = React.createClass({
       <section className="card">
         <div className="row-fluid">
           <div className="span3">
-            {this.props.imgUrl ? <img src={this.props.imgUrl} alt={'Photo for ' + this.props.title} style={artStyle} /> : null}
+            <img src={this.props.imgUrl || '/img/default-thumb.svg'} alt={'Photo for ' + this.props.title} style={artStyle} />
           </div>
           <div className="span8">
             <h3>{this.props.pending ? this.props.title : <a href={'/?show=' + this.props.lbryUri}>{this.props.title}</a>}</h3>
diff --git a/js/page/show.js b/js/page/show.js
index 048281ad0..63500e190 100644
--- a/js/page/show.js
+++ b/js/page/show.js
@@ -31,7 +31,7 @@ var FormatItem = React.createClass({
     return (
       <div className="row-fluid">
         <div className="span4">
-          <img src={thumbnail} alt={'Photo for ' + title} style={formatItemImgStyle} />
+          <img src={thumbnail || '/img/default-thumb.svg'} alt={'Photo for ' + title} style={formatItemImgStyle} />
         </div>
         <div className="span8">
           <p>{description}</p>