Verified

a shield with a tick.

File: verified.svg
viewBox: 0 0 856.3 982.3
Weight: 2 KB

96px

160px

240px +

Use it

React

import { Illustration } from '@ba-icons/react';
import verified from '@ba-icons/illustrations/hosting/verified';

<Illustration asset={verified} size={160} />

Vue

<script setup>
import { Illustration } from '@ba-icons/vue';
import verified from '@ba-icons/illustrations/hosting/verified';
</script>

<template>
  <Illustration :asset="verified" :size="160" />
</template>

Astro

---
import { Illustration } from '@ba-icons/astro';
import verified from '@ba-icons/illustrations/hosting/verified';
---

<Illustration asset={verified} size={160} />

HTML

<script src="https://icons.atmosphere.africa/cdn/ba-icons-0.4.0.js" defer></script>

<ba-illustration name="hosting/verified" size="160"></ba-illustration>

SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 856.3 982.3" fill="currentColor"><path d="M394.4 946.9Q258.4 866.9 166.4 789.9Q108.4 741.9 79.4 703.4Q50.4 664.9 37.4 618.9Q22.4 569.9 19.4 481.9Q17.4 420.9 23.9 302.4Q30.4 183.9 35.4 177.9Q39.4 173.9 140.4 173.9H241.4L333.4 95.9Q425.4 18.9 430.4 18.9Q432.4 18.9 476.9 56.9Q521.4 94.9 564.9 133.4Q608.4 171.9 609.4 174.9Q610.4 174.9 717.4 176.9L824.4 177.9L826.4 187.9Q831.4 205.9 834.4 285.9Q837.4 365.9 837.4 440.9Q837.4 546.9 831.4 578.9Q820.4 634.9 794.9 677.9Q769.4 720.9 718.4 768.9Q634.4 846.9 479.4 938.9Q474.4 940.9 466.4 945.9Q439.4 962.9 431.4 963.4Q423.4 963.9 403.4 951.9Q398.4 948.9 394.4 946.9ZM451.4 871.9Q577.4 795.9 649.4 729.9Q698.4 685.9 720.4 647.4Q742.4 608.9 749.9 554.9Q757.4 500.9 754.4 399.9Q751.4 313.9 749.4 277.9L747.4 241.9L659.4 240.9L572.4 239.9L502.4 177.9Q433.4 115.9 428.4 115.9Q423.4 115.9 350.4 177.9L277.4 239.9H196.4Q141.4 239.9 127.9 240.9Q114.4 241.9 112.4 244.9Q109.4 250.9 105.4 352.4Q101.4 453.9 103.4 495.9Q108.4 605.9 143.4 657.9Q181.4 714.9 288.4 791.9Q304.4 803.9 328.4 819.9Q352.4 835.9 373.4 849.9Q394.4 863.9 410.9 873.4Q427.4 882.9 429.4 882.9Q432.4 882.9 451.4 871.9ZM172.4 495.9Q159.4 476.9 171.9 455.9Q184.4 434.9 210.4 431.9Q231.4 428.9 247.9 437.4Q264.4 445.9 316.4 483.9Q381.4 531.9 383.9 531.9Q386.4 531.9 490.9 442.9Q595.4 353.9 609.4 347.9Q633.4 338.9 654.4 343.9Q675.4 348.9 686.4 366.9Q697.4 384.9 687.4 402.9Q682.4 410.9 539.4 532.4Q396.4 653.9 390.4 654.9Q384.4 655.9 281.4 579.9Q178.4 503.9 172.4 495.9Z"></path></svg>

From the CDN

Link to the file instead of installing it: for <img>, CSS, emails and docs, with nothing added to your bundle. Served with CORS and cached for an hour.

https://icons.atmosphere.africa/svg/hosting/verified.svg

<img src="https://icons.atmosphere.africa/svg/hosting/verified.svg" alt="Verified" width="160">

import { illustrationUrl } from '@ba-icons/illustrations';

illustrationUrl('hosting/verified');
// → https://icons.atmosphere.africa/svg/hosting/verified.svg

As an <img> it draws in black. To give it the text colour, use it as a mask:

.mark {
  background-color: currentColor;
  mask: url('https://icons.atmosphere.africa/svg/hosting/verified.svg') center / contain no-repeat;
}

New to the packages? Point your project at the registry first.