atom

PreviousNext
Docs
svglcomponent

Preview

Loading preview…
././static/components-generated/atom.tsx
import type { SVGProps } from "react";

const Atom = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} viewBox="0 0 256 256" preserveAspectRatio="xMidYMid">
    <circle fill="#60B57D" cx="128.002" cy="128.002" r="128.002" />
    <path
      d="M117.82 59.143a3.605 3.605 0 0 1-4.515 5.62c-9.397-7.547-17.224-10.04-22.051-7.575-5.618 2.865-7.797 12.083-6.663 24.946l.17 1.737c.096.879.206 1.773.33 2.682l.269 1.839c.334 2.15.745 4.376 1.235 6.67 6.767-1.05 14.05-1.735 21.698-2.02a197.699 197.699 0 0 1 10.079-11.969l1.698-1.83c4.246-4.513 8.505-8.553 12.696-12.049l1.673-1.37c15.295-12.285 29.531-17.146 38.738-11.168 8.02 5.203 10.17 16.989 7.19 32.783a3.605 3.605 0 1 1-7.084-1.336c2.495-13.227.852-22.232-4.03-25.4-6.348-4.12-18.142.623-31.44 11.701l-1.484 1.257a127.43 127.43 0 0 0-2.246 1.982l-1.51 1.383a149.716 149.716 0 0 0-4.571 4.446l-1.535 1.577c-.256.266-.512.535-.769.805l-1.54 1.647-1.54 1.691-1.541 1.736c-.514.586-1.028 1.179-1.54 1.78l-1.54 1.822-.299.363c3.586.019 7.235.123 10.932.315l1.435.08 2.852.182c2.367.166 4.707.366 7.017.599l2.758.295c.457.052.913.105 1.368.159l2.711.341c2.247.297 4.46.625 6.635.984l2.592.444 2.555.473 2.515.501c8.32 1.716 15.97 3.888 22.71 6.434l1.996.775c17.704 7.074 28.614 16.812 28.054 27.576-.464 8.898-8.44 16.244-21.81 21.507a3.605 3.605 0 1 1-2.64-6.708c11.024-4.34 16.971-9.817 17.25-15.174.358-6.858-7.848-13.951-21.507-19.672l-1.7-.694c-1.15-.458-2.337-.906-3.557-1.343l-1.856-.649c-.626-.213-1.261-.424-1.904-.632l-1.954-.615-2-.598c-.337-.098-.676-.195-1.017-.292l-2.068-.57c-.348-.093-.698-.186-1.05-.278l-2.133-.54a174.737 174.737 0 0 0-6.645-1.498l-2.293-.456-1.16-.22-2.348-.42-2.382-.398-1.204-.19-2.432-.36c-.816-.116-1.637-.227-2.463-.334l-2.495-.309-2.523-.282a217.085 217.085 0 0 0-3.837-.37l-2.59-.213c-.868-.066-1.74-.126-2.616-.182l-2.639-.154-2.64-.121-2.62-.09a217.035 217.035 0 0 0-8.993-.068l-2.06.038-.81 1.074a213.91 213.91 0 0 0-1.505 2.045l-1.496 2.082a220.968 220.968 0 0 0-6.566 9.801l-1.388 2.224a217.303 217.303 0 0 0-4.232 7.177c.123.302.248.605.375.908l.98 2.314c.166.387.334.774.504 1.162l1.036 2.331 1.074 2.342 1.112 2.349 1.15 2.356 1.186 2.362 1.215 2.348 1.233 2.314 1.249 2.28.63 1.126 1.272 2.227c.426.736.855 1.466 1.285 2.19l1.298 2.152c.435.71.871 1.415 1.31 2.113l1.32 2.075 1.329 2.034a192.004 192.004 0 0 0 3.356 4.904l1.353 1.886a174.77 174.77 0 0 0 2.717 3.64l1.362 1.75 1.363 1.705c.227.28.455.558.682.834l1.362 1.632 1.36 1.583a129.105 129.105 0 0 0 4.06 4.446l1.342 1.377 1.334 1.324a99.254 99.254 0 0 0 1.985 1.884l1.31 1.186a82.252 82.252 0 0 0 1.945 1.673l1.28 1.042c8.703 6.925 16.414 9.722 21.534 7.11 4.807-2.45 7.102-9.608 6.932-19.757l-.043-1.545a72.96 72.96 0 0 0-.081-1.588l-.118-1.63a85.54 85.54 0 0 0-.154-1.672l-.192-1.712a97.035 97.035 0 0 0-.109-.87l-.246-1.769-.284-1.805-.32-1.84a127.447 127.447 0 0 0-.959-4.747l-.448-1.954-.484-1.983c-.084-.333-.17-.667-.256-1.002l-.539-2.025-.575-2.052-.302-1.035-.63-2.088-.666-2.111c-.342-1.062-.698-2.131-1.067-3.208l-.757-2.163-.793-2.182a199.84 199.84 0 0 0-1.694-4.415l-.902-2.23-.937-2.243-.482-1.126-.991-2.261-1.028-2.272c-.174-.379-.35-.759-.527-1.139l-1.08-2.284a220.62 220.62 0 0 0-.555-1.145 3.605 3.605 0 1 1 6.48-3.159l1.196 2.49c.392.828.778 1.656 1.156 2.482l1.118 2.474a220.378 220.378 0 0 1 3.112 7.356l.957 2.426c.157.403.311.806.464 1.208l.896 2.403c.146.399.29.797.433 1.195l.835 2.376a184.854 184.854 0 0 1 1.545 4.694l.71 2.315c8.5 28.409 7.41 51.515-5.34 58.016-10.313 5.26-24.936-2.046-39.655-17.456l-1.523-1.622a137.51 137.51 0 0 1-3.044-3.415l-1.518-1.79c-4.046-4.844-8.055-10.257-11.938-16.147l-1.45-2.231a225.959 225.959 0 0 1-10.398-18.043l-.657-1.279a238.72 238.72 0 0 1-1.288-2.564l-1.247-2.559a230.326 230.326 0 0 1-2.826-6.112l-.582 1.151c-.18.36-.357.72-.533 1.08l-1.038 2.147-.997 2.132-.958 2.114c-.156.351-.31.702-.463 1.051l-.896 2.087c-.146.346-.29.69-.433 1.035l-.836 2.056c-.136.34-.27.68-.402 1.019l-.774 2.02c-.125.335-.249.669-.37 1.002l-.712 1.983-.67 1.956c-.325.97-.633 1.931-.926 2.88l-.565 1.883-.522 1.851c-.083.306-.165.61-.245.913l-.458 1.8a92.343 92.343 0 0 0-.956 4.344l-.307 1.67c-2.04 11.83-.71 20.554 4.345 23.835 5.092 3.303 14.533.79 26.183-7.62a3.605 3.605 0 1 1 4.22 5.845c-13.807 9.968-26.013 13.216-34.327 7.822-10.046-6.519-10.752-23.757-4.066-45.202l.694-2.158c.478-1.448.989-2.913 1.532-4.395l.838-2.233a172.466 172.466 0 0 1 3.825-9.143l1.072-2.33 1.117-2.346a208.194 208.194 0 0 1 4.582-8.897c-.216-.552-.43-1.103-.641-1.653l-.933-2.475a188.692 188.692 0 0 1-3.296-9.713l-.714-2.374a162.63 162.63 0 0 1-1.24-4.466c-.445.089-.885.18-1.322.272l-1.96.431-1.913.453c-.315.077-.627.155-.938.234l-1.84.483-1.787.504c-.588.171-1.167.346-1.736.523l-1.683.542c-.552.184-1.095.371-1.628.561l-1.572.579c-10.803 4.113-17.383 9.51-17.69 15.388-.279 5.358 5.068 11.423 15.584 16.883a3.605 3.605 0 1 1-3.322 6.398C46.567 140.033 39.395 131.898 39.86 123c.645-12.406 16.305-21.875 39.597-26.656-4.714-22.525-2.315-40.051 8.52-45.577 8.009-4.088 18.472-.757 29.842 8.377Zm19.753 67.051c1.196 5.536-2.322 10.99-7.857 12.188-5.536 1.196-10.99-2.322-12.188-7.858-1.194-5.535 2.322-10.989 7.858-12.187 5.535-1.196 10.989 2.322 12.187 7.857Zm-34.898-25.606-.65.045c-.497.036-.992.073-1.484.113l-2.345.202-2.31.228c-.382.04-.762.082-1.141.124l-2.256.267-1.113.143-2.198.304-.872.133.308 1.151a167.326 167.326 0 0 0 1.568 5.342l.694 2.18.362 1.1.752 2.213c.207.597.418 1.196.633 1.798a238.568 238.568 0 0 1 3.54-5.705l.78-1.208a234.986 234.986 0 0 1 5.732-8.43Z"
      fill="#FFF"
    />
  </svg>
);

export { Atom };

Installation

npx shadcn@latest add @svgl/atom

Usage

import { Atom } from "@/components/atom"
<Atom />