Home
- Camp/Hike
  - Backpacks
    - Daypacks
      - The North Face Ion 20 Backpack - 1200cu in

The North Face Ion 20 Backpack - 1200cu in

Item #TNF3096|20 in Stock – Ships Wicked Fast & Free

3 Reviews - Testify Be first to testify.

Q & A - 5 Questions | Ask away, Sherlock.

3 Customer Photos

Add Photos

100% Guaranteed

close Unconditional 100% Guarantee

We guarantee complete satisfaction and an unlimited lifetime warranty. If at any time - now, next month, in 30 years - you're not 100% satisfied, send your gear back for a full refund. No questions asked.
Need help returning an item? - Click Here close
Global Shipping Info

close Brand Notice

Due to contracts with the following brands, we are unable to ship any of their products outside the US. more...

Int'l Shipping

Backcountry.com uses UPS Worldwide Express or Worldwide Expedited for all shipping outside the United States. We have found this method to be quick, secure, and cost effective.
close
Pass It On

3
More

3
Guru Images
+Add Photo

The North Face Ion 20 Backpack - 1200cu in

The North Face Ion 20 Backpack's slim, aerodynamic shape lends itself to trail running and day hikes, but this pack also comes with a padded laptop sleeve for running from class to class. You can take the Ion 20 Backpack to algebra, then ditch your computer at the dorm, swap it with a hydration system, and hit the trails for the afternoon. The North Face's ExoLite back panel and dual-density Airmesh shoulder straps keep air moving and ensure you don't overheat in the middle of the summer.

Bottom Line: Running to class or running your local trails? Bring along The North Face Ion 20 Backpack.

Product Wall

Talk shop with all the gear freaks out there: ask 'em questions, upload/browse photos, and give your 2¢.

Hi, throw your review on the Product Wall to show your Gear-telligence.

Hi, got a question? Ask on the Product Wall.

Hey write a Review. Others want your opinion. >

Got a question about this product? Other gear freaks might know the answer >

Add your own photo for Ion 20 Backpack - 1200cu in >

does this pack have the saem internally stored rain cover that

does this pack have the saem internally stored rain cover that the angstrom 30 does?

By: ans3123829
June 2, 2009

Flag

Yes. They both have similar rain covers.

By: AndrewZ
June 2, 2009

Flag

Answer ans3123829's question >

Rain Cover

By: Nathan C.
December 28, 2008

Flag Zoom

Great Daypack

By: ric2513247
March 30, 2009

I was looking for a daypack for moderate length hikes, something to carry water, food, layers, and a camera. This is a perfect daypack. It has a large, well padded hipbelt that takes to weight off of your shoulders with minimal adjustment. The included rain cover is also a great bonus. The lower price on SAC made this purchase a no brainer. Note: I was not able to fit my laptop with a 15" screen in the sleeve since there is a good half inch of plastic between the screen and the edge of the laptop. You may want to measure your laptop if you plan to use this to carry it.

Is this pack be enough for a good amount of school books? is

Is this pack be enough for a good amount of school books? is it to small for school?

By: Vyt
April 21, 2009

Flag

I have a black diamond Bbee and it is 12L and I can fit 2 text books comfortably. If you only have a couple classes you shoudl be able to carry atleast 3 maybe 4 books no problem since this is 20L. But if you have an all day schedule go with something a little bigger. But it is nice to have a waist belt if you bike to class, very handy.

By: Kyle Stephens
April 24, 2009

Flag

Answer Vyt's question >

The Back Panel

By: Nathan C.
December 28, 2008

Flag Zoom

For School and Hikes

By: Nathan C.
December 29, 2008

This backpack is best for those who want a smaller pack for school that will still work as a pack for day hikes. It fits my 14x10 inch Laptop, 1 text book, and 2 folders but still has what is needed to take it outdoors with chest straps that click into together and as well as the padded waist straps. The shoulder straps are thin and breathable so you wouldn't sweat as much. Your back is separated from the pouch by a stiff, flexible, and malleable board accompanied by foam padding down each side of the spine. It is designed with one main pouch that zips open like any normal backpack with a smaller poach on top of that that zips down the back. There are water bottle pockets on both sides and comes with a waterproof rain cover that collapses small and hides away. This pack is very light in weight; 1lb 14oz. Some might not like this because they may think its too thin and may call it cheap, but it is designed to be light and is very high quality.

Would this be useful for a jogging backpack that can hold a small

Would this be useful for a jogging backpack that can hold a small amount of clothing, shower shoes, and a towel? The main thing I want is comfort, that it does not ride up my back or distract me while running. I might also carry a water bottle. Thanks! Matt B

By: Matt Bristol
January 9, 2009

Flag

Answer Matt Bristol's question >

Size

By: Nathan C.
December 28, 2008

Flag Zoom

Great

By: speedy79431164518
July 7, 2008

Great product. Great service. Can't ask for anything more!

What size is the laptop sleeve? Will a 15.4" laptop fit

What size is the laptop sleeve? Will a 15.4" laptop fit?

By: Tweetydabird
November 22, 2008

Flag

Answer Tweetydabird's question >

how waterproof is this pack?

By: jess907
September 7, 2008

Flag

The pack material itself is coated and waterproof, but the seams are not. It is going to take quite a bit of rain for things to get super wet inside this pack. It is probably pretty easy to track down a rain cover for it if you are in a very wet climate.This would definitely help the waterproofness of this pack:http://www.backcountry.com/store/MOU0123/Mountainsmith-Rain-Covers.html

By: Jeff Gerhard
November 17, 2008

Flag

Answer jess907's question >

<form class="provide_answer_form solicit_expanded" method="post" onsubmit="return false;" action="#">
		<span class="flag_close" onclick="BCNTRY.wall.PDP.close_dialog_onclick(this)"><a href="#" onclick="return false;" rel="nofollow"><img src="http://content.backcountry.com/images/bcs/pdp/flag_close.gif" alt="Close the answer form" class="flag_close"/></a></span>
		<input type="hidden" name="question_id" value="${question_id}" />
		<input type="hidden" name="answer_id" value="${answer_id}" />
		<input type="hidden" name="answer_edit" value="1" />
		<h3>Impart your wisdom.</h3>
		<div class="error_message"></div>
		<div class="textarea_container">
  		<textarea name="answer_content" onkeyup="BCNTRY.wall.PDP.answer_content_onkeyup(this.form)" onfocus="BCNTRY.wall.PDP.answer_content_onfocus(this.form)">${content}</textarea>
		</div>
		<input type="image" src="http://content.backcountry.com/images/bcs/buttons/answer_it.gif" alt="Submit Answer" onclick="BCNTRY.wall.PDP.answer_question_onclick(this.form)" class="answer_it_button" />
		<span class="answer_chars"></span>
	</form>

{if display == 'inactive'}
        <div class="question>
            <div class="question_by"></div>
            {if messaging.question}<div class="qanda_question confirmation">${messaging.question}</div>{/if}
            </div>
        </div>
	{elseif display == 'flagged'}
		<div class="question">
			<div class="question_text"><span onclick="BCNTRY.wall.PDP.view_flagged_question_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">${flagged_description}</a></span></div>
			<div class="question_by"> </div>
			{if messaging.question}<div class="qanda_question confirmation">${messaging.question}</div>{/if}
			{if messaging.answer}<div class="qanda_answer confirmation">${messaging.answer}</div>{/if}
		</div>
	{else}
	<div class="question">
		<h3><a href="${qanda_link}">${title}</a></h3>
		<div class="question_text"><p>${body}</p></div>
		<div class="question_by">
			<p>By: <a class="user_profile_link" href="${user.profile_url}">${user.display_name}</a>
					<a class="user_profile_link" href="${user.profile_url}"><img class="minipro_icon" src="http://content.backcountry.com/images/bcs/profile/minipro_icon.gif" alt="" /></a>
					{if user.badges}
						{for badge in user.badges}
						 	${badge.image_el} 
						{/for}
					{/if}
			<br />${date}</p>
		</div>
		<form class="helpfulness_form">
			<input type="hidden" name="content_type" value="question" />
			<input type="hidden" name="content_id" value="${question_id}" />
			<input type="hidden" name="is_helpful" value="" />
			<p>
                Was this helpful?
                ${helpful_html}
			</p>
		</form>
		<p class="question_options">
			{if flagged}
			<span class="flag_link" onclick="BCNTRY.wall.PDP.unflag_question_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">Un-Flag</a></span>
			{else}
			<span class="flag_link" onclick="BCNTRY.wall.PDP.flag_question_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">Flag</a></span>
			{/if}
			{if user.id == curr_user.id}
                <span class="editq_link" onclick="BCNTRY.wall.PDP.edit_question_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">Tweak This</a></span>
                <span class="edit_img_link" onclick="BCNTRY.wall.PDP.inactivate_question_submit_onclick(this, '${question_id}');"><a href="#" onclick="return false;" rel="nofollow">Delete This</a></span>
            {/if} 
			<div class="error_message"></div>
		</p>
		{if messaging.question}<div class="qanda_question confirmation">${messaging.question}</div>{/if}
	</div>
        {for answer in answers}
        <div class="answer" id="answer_${answer.answer_id}">
        {if answer.display == 'flagged'}
            <div class="answer_text"><span onclick="BCNTRY.wall.PDP.view_flagged_answer_onclick(this, '${question_id}','${answer.answer_id}')"><a href="#" onclick="return false;" rel="nofollow">${answer.flagged_description}</a></span></div>
            <div class="answer_info"> </div>
        {else}
            <div class="answer_text"><p>${answer.body}</p></div>
            <div class="answer_info">
                <p>By: <a class="user_profile_link" href="${answer.user.profile_url}">${answer.user.display_name}</a>
                        <a class="user_profile_link" href="${answer.user.profile_url}"><img class="minipro_icon" src="http://content.backcountry.com/images/bcs/profile/minipro_icon.gif" alt="" /></a>
						{if answer.user.badges}
							{for badge in answer.user.badges}
								${badge.image_el}
							{/for}
						{/if}

<br />${answer.date}</p>
            </div>
			<form class="helpfulness_form">
				<input type="hidden" name="content_type" value="answer" />
				<input type="hidden" name="content_id" value="${answer.answer_id}" />
				<input type="hidden" name="is_helpful" value="" />
				<p>
                    Was this helpful?
                    ${answer.helpful_html}
				</p>
			</form>
            <p class="answer_options">
                {if answer.flagged}
                    <span class="flag_link" onclick="BCNTRY.wall.PDP.unflag_answer_onclick(this, '${question_id}', '${answer.answer_id}')"><a href="#" onclick="return false;" rel="nofollow">Un-Flag</a></span>
                {else}
                    <span class="flag_link" onclick="BCNTRY.wall.PDP.flag_answer_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">Flag</a></span>
                {/if}
                {if answer.user.id == curr_user.id}
                    <span class="improve_link" onclick="BCNTRY.wall.PDP.improve_answer_onclick(this, '${question_id}', '${answer.answer_id}');"><a href="#" onclick="return false;" rel="nofollow">Tweak This</a></span>
					<span class="edit_img_link" onclick="BCNTRY.wall.PDP.inactivate_answer_submit_onclick(this, '${question_id}', '${answer.answer_id}');"><a href="#" onclick="return false;" rel="nofollow">Delete This</a></span>
                {/if}
                <div class="error_message"></div>
            </p>
        {/if}
        {if messaging.answer}{if messaging.answer_id == answer.answer_id}<div class="qanda_answer confirmation">${messaging.answer}</div>{/if}{/if}
        </div>
        {/for}
	{/if}

{if display == 'normal'}
		<div class="image_area">
			<a class="cpi_zoom" href="${url_large}" onclick="return false;">
				${url_small_html}
			</a>
		</div>
        <div class="cpi_right">
  			<h3>${title}</h3>
			<div class="image_by">
				<p>
					By: <a class="user_profile_link" href="${user.profile_url}">${user.display_name}</a>
					<a class="user_profile_link" href="${user.profile_url}"><img class="minipro_icon" src="http://content.backcountry.com/images/bcs/profile/minipro_icon.gif" alt="" /></a>
					{if user.badges}
						{for badge in user.badges}
							${badge.image_el}
						{/for}
					{/if}

<br /><span class="review_date">${display_date}</span>
				</p>
			</div>
			<p class="cpi_desc">${description}</p>
			<form class="helpfulness_form">
				<input type="hidden" name="content_type" value="user_product_image" />
				<input type="hidden" name="content_id" value="${id}" />
				<input type="hidden" name="is_helpful" value="" />
				<p>
                    Was this helpful?
					${helpful_html}
				</p>
			</form>
			<p class="image_options">
				{if flagged}
					<span class="flag_link" onclick="BCNTRY.wall.PDP.unflag_cpi_onclick(this, '${id}');"><a href="#" onclick="return false;" rel="nofollow">Un-Flag</a></span>
				{else}
					<span class="flag_link" onclick="BCNTRY.wall.PDP.flag_cpi_onclick(this, '${id}')"><a href="#" onclick="return false;" rel="nofollow">Flag</a></span>
				{/if}
				{if owned_by_current_user}
					<span class="edit_img_link" onclick="BCNTRY.wall.PDP.inactivate_cpi_submit_onclick(this, '${id}');"><a href="#" onclick="return false;" rel="nofollow">Delete Photo</a></span>
                    <span class="improve_link" onclick="window.location='https://www.backcountry.com/store/content_upload/cpi_edit/TNF3096.html?image_id=${id}';"><a href="#" onclick="return false;" rel="nofollow">Tweak This</a></span>
				{/if}
				<span class="zoom_link" onmouseover="BCNTRY.cpi.load_large_image(this)" onclick="track_pdp_user_image_zoom();BCNTRY.show_large_panel();"><a class="cpi_zoom" href="${url_large}" onclick="return false;">Zoom</a></span>
			</p>
		</div>
		<div class="error_message"></div>
	{elseif display == 'flagged'}
		<div class="cpi_text">
			<p class="user_flagged_text">
        		<span onclick="BCNTRY.wall.PDP.flag_cpi_show_onclick(this, '${id}')">
					<a href="#" onclick="return false;" rel="nofollow">${flagged_description}</a>
				</span>
			</p>
		</div>
	{/if}
	{if message}<div class="cpi_flagged confirmation">${message}</div>{/if}

<div class="flag_container">
		<form class="flag_as_offensive" method="post" onsubmit="return false;" action="#">
			{if content_type == 'review'}
				<input type="hidden" name="review_id" value="${review_id}"/>
			{elseif content_type == 'question'}
				<input type="hidden" name="question_id" value="${question_id}"/>
			{elseif content_type == 'answer'}
				<input type="hidden" name="question_id" value="${question_id}"/>
				<input type="hidden" name="answer_id" value="${answer_id}"/>
			{elseif content_type == 'cpi'}
				<input type="hidden" name="cpi_id" value="${cpi_id}" />
			{/if}
			
			
			
			<span class="flag_close" onclick="BCNTRY.wall.PDP.close_dialog_onclick(this)"><a href="#" onclick="return false;" rel="nofollow"><img src="http://content.backcountry.com/images/bcs/pdp/flag_close.gif" alt="Close the flagging form" class="flag_close"/></a></span>

<h4>Something rub you the wrong way?</h4>
			<p>Thanks for pointing it out. We'll send it immediately to our clean up crew. If you don't mind pointing us in the right direction...</p>
			<div class="error_message"></div>
			<p>
				This post was:
				<input type="text" name="flag_description" />
				(Optional)
			</p>
			<div class="clearb"></div>
			{if content_type == 'cpi' && is_from_carousel}
				<input class="save_answer_button" onclick="BCNTRY.wall.PDP.flag_carousel_${content_type}_submit_onclick(this.form)" src="http://content.backcountry.com/images/bcs/buttons/save_qa.gif" type="image" />
			{else}
				<input class="save_answer_button" onclick="BCNTRY.wall.PDP.flag_${content_type}_submit_onclick(this.form)" src="http://content.backcountry.com/images/bcs/buttons/save_qa.gif" type="image" />
			{/if}
		</form>
	</div>

<div class="review" id="review_${review_id}">
		<div>
			${review_rank_img}
			<h3><a href="${review_link}">${review_title}</a></h3>
            <p>By: <a class="user_profile_link" href="${review_profile_link}"> ${review_display_name} </a>
                   <a class="user_profile_link" href="${review_profile_link}"><img class="minipro_icon" src="http://content.backcountry.com/images/bcs/profile/minipro_icon.gif" alt="" /></a>
				   {if user.badges}
					   	{for badge in user.badges}
							${badge.image_el}
						{/for}
					{/if}
                <br/><span class="review_date">${review_date}</span></p>			
            <div class="review_text">
            <p>${review_comments}</p>
            </div>
            <form class="helpfulness_form">
                <input type="hidden" name="content_type" value="review" />
                <input type="hidden" name="content_id" value="${review_id}" />
                <input type="hidden" name="is_helpful" value="" />
                <p>
                    Was this helpful?
                    ${helpful_html}
                </p>
				<p class="review_options">
					<span class="flag_link" onclick="BCNTRY.wall.PDP.flag_review_onclick(this, '${review_id}')"><a href="#" onclick="return false;" rel="nofollow">Flag</a></span>
       	               <span class="improve_link" onclick="window.location='${editReviewURL}'">
              		       	<a href="#" onclick="return false;" rel="nofollow">Tweak This</a>
       	       	       </span>
     					<span class="edit_img_link" onclick="BCNTRY.wall.PDP.inactivate_review_submit_onclick(this, '${review_id}')">
				   		<a href="#" onclick="return false;" rel="nofollow">Delete Review</a>
					</span>
				</p>
				<div class="confirmation">Thanks for the review, ${review_display_name}.</div>
           </form>
		</div>
	</div>

{if display == 'normal'}

${rank_image}
			<h3><a href="${review_link}">${review_title}</a></h3>
			<p>By: <a class="user_profile_link" href="${user.profile_url}">${user.display_name}</a> 
				<a class="user_profile_link" href="${user.profile_url}"><img class="minipro_icon" src="http://content.backcountry.com/images/bcs/profile/minipro_icon.gif" alt="" /></a>
				{if user.badges}
					{for badge in user.badges}
						${badge.image_el}
					{/for}
				{/if}
				<br /><span class="review_date">${date}</span>
			</p>
			<div class="review_text"><p>${body}</p></div>
			<form class="helpfulness_form">
					<input type="hidden" name="content_type" value="review" />
					<input type="hidden" name="content_id" value="${review_id}" />
					<input type="hidden" name="is_helpful" value="" />
				<p>
					Was this helpful?
					${helpful_html}
				</p>
			</form>

<p class="review_options">
				{if flagged}
					<span class="flag_link" onclick="BCNTRY.wall.PDP.unflag_review_onclick(this, '${review_id}', '${review_id}')"><a href="#" onclick="return false;" rel="nofollow">Un-Flag</a></span>
				{else}
					<span class="flag_link" onclick="BCNTRY.wall.PDP.flag_review_onclick(this, '${review_id}')"><a href="#" onclick="return false;" rel="nofollow">Flag</a></span>
				{/if}
				{if owned_by_current_user}
					<span class="improve_link" onclick="window.location='https://www.backcountry.com/store/content_upload/review/TNF3096.html?review_id=${review_id}';">
              		       	<a href="#" onclick="return false;" rel="nofollow">Tweak This</a>
       	       	       </span>
     					<span class="edit_img_link" onclick="BCNTRY.wall.PDP.inactivate_review_submit_onclick(this, '${review_id}')">
				   		<a href="#" onclick="return false;" rel="nofollow">Delete Review</a>
					</span>
				{/if}
			</p>
			{if message}<div class="review_flagged confirmation">${message}</div>{/if}
		<div class="error_message"></div>
	{elseif display == 'flagged'}
		<div class="review_text">
			<p class="user_flagged_text">
				<span onclick="BCNTRY.wall.PDP.view_flagged_review_onclick(this, '${review_id}')">
					<a href="#" onclick="return false;" rel="nofollow">${flagged_description}</a>
				</span>	
			</p>
		</div>
		{if message}<div class="review_flagged confirmation">${message}</div>{/if}
	{/if}

Change me.

Tech Specs:

Material:: Cordura, nylon
Volume:: 1200cu in (20L)
Suspension:: ExoLite back panel, dual-density Airmesh shoulder straps
Waist-belt:: Yes
Hydration Compatible:: Yes
Rain Cover:: No
Access Types:: Top zip
External Pockets:: 1 Front
Snowboard Carry:: No
Ski Carry:: No
Gear Loops:: None
Ice Axe Loops:: None
Shovel Pocket:: No
Recommended Use:: Day hiking, trail running, school
Manufacturer Warranty:: Lifetime

You might also dig...

The North Face Slingshot Backpack - 2000cu in

$51.96

DAKINE Recon Backpack - 1900cu in

$47.96

Spyder Beatle Backpack

$61.72

Clothing

Gear

Accessories

Uploaded By:

Was this helpful?

Close

Flag This

The North Face Ion 20 Backpack - 1200cu in

Please choose an option to order this item.

The North Face Ion 20 Backpack - 1200cu in

Product Wall

does this pack have the saem internally stored rain cover that

Rain Cover

Great Daypack

Is this pack be enough for a good amount of school books? is

The Back Panel

For School and Hikes

Would this be useful for a jogging backpack that can hold a small

Size

Great

What size is the laptop sleeve? Will a 15.4" laptop fit

how waterproof is this pack?

Tech Specs:

You might also dig...