Group

Software

Product type

You must redeem your code(s) within 60 days of purchase

Only for new Lordicon users who do not have existing accounts

<h4><b>Lordicon is a collection of 500+ animated, interactive icons for web and mobile projects, videos, apps and presentations.</b></h4><h4><span style="font-size: 14px;"><div id="pdp-story-inline-video" class="story-inline-video"><iframe
  id="lordicon-vid"
  width="560"
  height="315"
  src="https://www.youtube.com/embed/Yd7pfwAvhKQ?rel=0"
  frameborder="0"
  allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
  allowfullscreen
  loadonscroll
></iframe>
</div></span></h4>  

<appsumo video=""> 

<p>A great animated icon can make users stop and say “Whoa,” adding a beautiful touch of care to your website.</p>

<p>Lordicon brings your website, presentation, or app (and everything in between) to life with the magic of motion.</p>

<p>Just register and you’ll get a <b>downloadable file and a Google Drive link</b>, where all of the icons are available in one convenient folder with automatic updates.</p>

<p>Each of Lordicon’s icons is professionally designed and animated for a consistent and polished look and feel.</p> 

<p>Icons come in three source file formats: <b>JSON, GIF, and Adobe After Effects</b>.</p>

<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="lordicon-5"
        >
            <img
                class="story-inline-image z-depth-2"
                src="https://appsumo2-cdn.appsumo.com/media/stories/images/Appsumo_4_1.gif?optimizer=gif"
                alt=""
                srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/Appsumo_4_1.gif?width=495&optimizer=gif 450w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/Appsumo_4_1.gif?width=654&optimizer=gif 595w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/Appsumo_4_1.gif?width=935&optimizer=gif 850w"
                sizes="(min-width: 950px) 1045px, 100vw"
                width="850" height="500"
                loading="lazy"
            />
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>

<p>JSON files are based on Lottie Framework, a design tool that allows users to export animations directly from Adobe After Effects.</p>

<p>In the <b>JSON collected folder,</b> you’ll be able to select and upload a .json file of an entire category, instead of going through the trouble of uploading one icon at a time.</p> 

<p>Every icon in the Lordicon’s Essential Pack is delivered in <b>outline </b>(best for bigger icons) and <b>solid</b> styles (filled-in graphics that are great for smaller icons). Easy enough, right?</p> 

<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="lordicon-1"
        >
            <img
                class="story-inline-image z-depth-2"
                src="https://appsumo2-cdn.appsumo.com/media/stories/images/Appsumo_1.gif?optimizer=gif"
                alt=""
                srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/Appsumo_1.gif?width=495&optimizer=gif 450w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/Appsumo_1.gif?width=654&optimizer=gif 595w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/Appsumo_1.gif?width=935&optimizer=gif 850w"
                sizes="(min-width: 950px) 1045px, 100vw"
                width="850" height="500"
                loading="lazy"
            />
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>

<h5 style="text-align: center; "><i>Animations are fully customizable — adjust colors, stroke sizes, and style.</i></h5> 

<p>Lordicon’s collection of icons includes three effects: morph, auto, and hover. Let’s break them down.</p>

<p>Morph animations have a unique first and last frame that works best with an <b>“on click” animation player</b>.</p> 

<p>Auto icons <b>work like GIFs </b>and are exclusively designed for <b>infinite loop animation effects</b>.</p> 

<p>Like the Energizer Bunny, it’s a seamless animation that keeps going and going and going…</p>
<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="lordicon-2"
        >
            <img
                class="story-inline-image z-depth-2"
                src="https://appsumo2-cdn.appsumo.com/media/stories/images/Appsumo_2.gif?optimizer=gif"
                alt=""
                srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/Appsumo_2.gif?width=495&optimizer=gif 450w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/Appsumo_2.gif?width=654&optimizer=gif 595w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/Appsumo_2.gif?width=935&optimizer=gif 850w"
                sizes="(min-width: 950px) 1045px, 100vw"
                width="850" height="500"
                loading="lazy"
            />
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>

<h5 style="text-align: center; "><i>Optimize the user experience with engaging and eye-catching icons!</i></h5><p>Plus, Lordicon is amazingly easy to integrate.</p> 

<p>Finally, <b>hover icons</b> <b>loop perfectly</b> when the user — you guessed it — hovers their mouse over them.</p>  

<p>In the <b>Adobe After Effects folder</b>, you’ll find a super helpful video that shows you how to edit and export these icons.</p>

<p>Animations are <b>fully resizable and customizable</b> to match your brand – change the color, stroke width, and animation player type with ease.</p>

<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="lordicon-3"
        >
            <img
                class="story-inline-image z-depth-2"
                src="https://appsumo2-cdn.appsumo.com/media/stories/images/Appsumo_3_1.gif?optimizer=gif"
                alt=""
                srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/Appsumo_3_1.gif?width=495&optimizer=gif 450w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/Appsumo_3_1.gif?width=654&optimizer=gif 595w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/Appsumo_3_1.gif?width=935&optimizer=gif 850w"
                sizes="(min-width: 950px) 1045px, 100vw"
                width="850" height="500"
                loading="lazy"
            />
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>

<h5 style="text-align: center; "><i>Connect with WordPress, Shopify, Wix and more - with endless integrations.</i></h5>

<p>Plus, Lordicon is amazingly easy to integrate.</p> 

<p>Using a WordPress plugin, LottieFiles Web Player, or GitHub, you can <b>embed your icons virtually anywhere</b> — on your website, app, presentations, or videos...you name it!</p> 

<p>You can also add animated designs to <b>WordPress, Shopify, Squarespace, Wix, Weebly</b> and more.</p>

<p>Need your icons to do double duty? For your convenience, every icon also <b>exports to GIF</b>.</p> 

<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="lordicon-4"
        >
            <img
                class="story-inline-image z-depth-2"
                src="https://appsumo2-cdn.appsumo.com/media/stories/images/Ui8_3.gif?optimizer=gif"
                alt=""
                srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/Ui8_3.gif?width=495&optimizer=gif 450w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/Ui8_3.gif?width=654&optimizer=gif 595w,
                         https://appsumo2-cdn.appsumo.com/media/stories/images/Ui8_3.gif?width=935&optimizer=gif 850w"
                sizes="(min-width: 950px) 1045px, 100vw"
                width="850" height="500"
                loading="lazy"
            />
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>

<h5 style="text-align: center; "><i>Export any icon to GIF format for your convenience.</i></h5>

<p>Clipart is cool...in a vintage “high-school-Powerpoint-presentation” type of way.</p> 

<p>But if you’re trying to keep up with today’s design trends, sleek animations deliver an attractive and interactive user experience.</p>

<p>Why not go with a versatile collection of 500+ attention-grabbing, professionally-designed interactive icons?</p> 

<p><b>Get lifetime access to Lordicon now!</b></p> 

<b>P.S.</b> Learn how to use Lordicon like a pro by catching our training webinar replay here: <b><a href="https://youtu.be/C0EHUbepNrw" target="_blank">Webinar Replay</a></b>!<p></p></appsumo>

Lordicon Questions

Share Lordicon

Share Lordicon

Share Lordicon

Share Lordicon

Share Lordicon